html表格的列并列,纯html+css固定表格一列或多列，其余进行横向滚动的方法-鹏仔先生...

可以使用CSS中的固定表格布局和overflow属性来实现固定表格一列或多列，其余进行横向滚动的效果。以下是一个示例代码：

<div class="table-container">
  <table class="fixed">
    <thead>
      <tr>
        <th>固定列1</th>
        <th>列2</th>
        <th>列3</th>
        <th>列4</th>
        <th>列5</th>
        <th>列6</th>
        <th>列7</th>
        <th>列8</th>
        <th>列9</th>
        <th>列10</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>内容1</td>
        <td>内容2</td>
        <td>内容3</td>
        <td>内容4</td>
        <td>内容5</td>
        <td>内容6</td>
        <td>内容7</td>
        <td>内容8</td>
        <td>内容9</td>
        <td>内容10</td>
      </tr>
      <!-- 此处省略多行 -->
    </tbody>
  </table>
</div>

CSS样式：

.table-container {
  width: 100%;
  overflow-x: auto;
}
.fixed {
  table-layout: fixed;
  width: 100%;
}
.fixed th:nth-child(1),
.fixed td:nth-child(1) {
  position: sticky;
  left: 0;
  z-index: 1;
  background: #fff;
}
.fixed th {
  background: #eee;
}

以上代码中，`.table-container`是一个包含表格的容器，设置`overflow-x: auto`属性可以使表格超出容器的部分横向滚动。`.fixed`类设置了表格的布局为`fixed`，使所有列宽度相等，并且设置表格的宽度为100%。`.fixed th:nth-child(1)`和`.fixed td:nth-child(1)`选择第一列的表头和单元格，设置它们的`position`属性为`sticky`，使它们固定在左侧，同时设置`z-index`属性使它们在其他列之上并且设置背景色为白色。`.fixed th`设置表头的背景色为灰色。

这样就可以实现固定表格一列或多列，其余进行横向滚动的效果了。