Как установить фиксированную длину столбца в таблице?

Question

Я хочу установить фиксированную ширину для столбца, и если данные таблицы велики, тогда этот столбец должен иметь возможность прокрутки, а при изменении разрешения экрана таблица также может иметь возможность прокрутки.

Example :

Name    Surname                                                       Salary

sam     jdfgdhfgdfgudfgiuudifghdfgjjdfhgjkhdfghkjdhfgjkhdfkjgkjdfhgk  5555

ВПриведенный выше пример Фамилия большая, тогда таблица и столбец не реагируют.

Как установить фиксированную длину для столбца со свойством прокрутки?Таблица и столбец также должны реагировать на получение исполняемого файла в других разрешениях экрана.

Answer 1

Обернуть содержимое <tbody> в прокручиваемый <div>:

html:

...
<tbody>
  <tr>
    <td>
      <div class="scroll-table">
        <table>
          <tr>
            <td>Sam</td>
          </tr>
          <tr>
            <td>jdfgdhfgdfgudfgiuudifghdfgjjdfhgjkhdfghkjdhfgjkhdfkjgkjdfhgk </td>
          </tr>
          <tr>
            <td>5555</td>
          </tr>
...

css

.scroll-table{
     overflow:scroll;
    }