title: Remove suffix of the column names and unpivot
body: <p>I'd like to unpivot the following table with column names &quot;Year&quot;, &quot;Item&quot;, and &quot;$&quot;. My workaround is to separate the table into two dataframes and remove the suffixes, then concatenate the two columns vertically. Are there any other easier ways to approach this?</p>
  <p>Example Dataframe:</p>
  <pre><code>data = {'Year_x': [1993, 1994, 1995, 1996], 
         'Year_y': [2000, 2001, 2002, 2003],
         'Item_x':['A','B','C','D'],
         'Item_y':['E','F','G','H'],
         '$':[3,4,5,6]}
  
  pd.DataFrame.from_dict(data)
  </code></pre>
  <div class="s-table-container">
  <table class="s-table">
  <thead>
  <tr>
  <th style="text-align: left;">Year_x</th>
  <th style="text-align: left;">Year_y</th>
  <th style="text-align: left;">Item_x</th>
  <th style="text-align: left;">Item_y</th>
  <th style="text-align: center;">$</th>
  </tr>
  </thead>
  <tbody>
  <tr>
  <td style="text-align: left;">1993</td>
  <td style="text-align: left;">2000</td>
  <td style="text-align: left;">A</td>
  <td style="text-align: left;">E</td>
  <td style="text-align: center;">3</td>
  </tr>
  <tr>
  <td style="text-align: left;">1994</td>
  <td style="text-align: left;">2001</td>
  <td style="text-align: left;">B</td>
  <td style="text-align: left;">F</td>
  <td style="text-align: center;">4</td>
  </tr>
  <tr>
  <td style="text-align: left;">1995</td>
  <td style="text-align: left;">2002</td>
  <td style="text-align: left;">C</td>
  <td style="text-align: left;">G</td>
  <td style="text-align: center;">5</td>
  </tr>
  <tr>
  <td style="text-align: left;">1996</td>
  <td style="text-align: left;">2003</td>
  <td style="text-align: left;">D</td>
  <td style="text-align: left;">H</td>
  <td style="text-align: center;">6</td>
  </tr>
  </tbody>
  </table>
  </div>
  <p>What I want to achieve:</p>
  <div class="s-table-container">
  <table class="s-table">
  <thead>
  <tr>
  <th style="text-align: left;">Year</th>
  <th style="text-align: left;">Item</th>
  <th style="text-align: center;">$</th>
  </tr>
  </thead>
  <tbody>
  <tr>
  <td style="text-align: left;">1993</td>
  <td style="text-align: left;">A</td>
  <td style="text-align: center;">3</td>
  </tr>
  <tr>
  <td style="text-align: left;">1994</td>
  <td style="text-align: left;">B</td>
  <td style="text-align: center;">4</td>
  </tr>
  <tr>
  <td style="text-align: left;">1995</td>
  <td style="text-align: left;">C</td>
  <td style="text-align: center;">5</td>
  </tr>
  <tr>
  <td style="text-align: left;">1995</td>
  <td style="text-align: left;">D</td>
  <td style="text-align: center;">6</td>
  </tr>
  <tr>
  <td style="text-align: left;">2000</td>
  <td style="text-align: left;">E</td>
  <td style="text-align: center;">3</td>
  </tr>
  <tr>
  <td style="text-align: left;">2001</td>
  <td style="text-align: left;">F</td>
  <td style="text-align: center;">4</td>
  </tr>
  <tr>
  <td style="text-align: left;">2002</td>
  <td style="text-align: left;">G</td>
  <td style="text-align: center;">5</td>
  </tr>
  <tr>
  <td style="text-align: left;">2003</td>
  <td style="text-align: left;">H</td>
  <td style="text-align: center;">6</td>
  </tr>
  </tbody>
  </table>
  </div>