写个html 页面 里面的表格前4列固定，其余的可以滚动显示

可以使用CSS中的固定表格布局来实现这个效果。

首先，在HTML中创建一个表格，并将前4列设置为固定宽度。例如：

<table>
  <thead>
    <tr>
      <th>Column 1</th>
      <th>Column 2</th>
      <th>Column 3</th>
      <th>Column 4</th>
      <th>Column 5</th>
      <th>Column 6</th>
      <th>Column 7</th>
      <th>Column 8</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Value 1</td>
      <td>Value 2</td>
      <td>Value 3</td>
      <td>Value 4</td>
      <td>Value 5</td>
      <td>Value 6</td>
      <td>Value 7</td>
      <td>Value 8</td>
    </tr>
    <!-- more rows here -->
  </tbody>
</table>

接下来，在CSS中定义表格的样式。使用`table-layout: fixed`将表格的布局设置为固定布局，这样前4列的宽度就不会随着内容的长度而改变。然后将前4列的宽度设置为固定值，例如`width: 100px`。最后，使用`overflow-x: auto`将表格的横向滚动条显示出来，当表格的宽度超出容器的宽度时，就可以通过滚动条来滚动表格。

table {
  table-layout: fixed;
  width: 100%;
}

th:nth-child(-n+4),
td:nth-child(-n+4) {
  width: 100px;
}

tbody {
  overflow-x: auto;
}

这样就可以实现前4列固定，其余列可以滚动的表格了。