如何设置表中列的固定长度？

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;
    }