​

  <div class="wrapper">

    <table>

      <thead>

        <th class='fix'>Fixed</th>

        <th>Col 1</th>

        <th>Col 2</th>

        <th>Col 3</th>

        <th>Col 4</th>

        <th>Col 5</th>

        <th class='fix'>Fixed</th>

      </thead>

      <tbody>

        <tr>

          <td class='fix'>First Content</td>

          <td>A1</td>

          <td>A2 (with longer content)</td>

          <td>A3</td>

          <td>A4</td>

          <td>A5</td>

          <td class='fix'>Last Content</td>

        </tr>

        <tr>

          <td class='fix'>First Content (with longer content)</td>

          <td>B1</td>

          <td>B2</td>

          <td>B3</td>

          <td>B4</td>

          <td>B5</td>

          <td class='fix'>Last Content</td>

        </tr>

        <tr>

          <td class='fix'>First Content</td>

          <td>C1</td>

          <td>C2</td>

          <td>C3</td>

          <td>C4</td>

          <td>C5</td>

          <td class='fix'>Last Content (with longer content)</td>

        </tr>

      </tbody>

    </table>

  </div>