冻结el-table横向滚动条

如果你想要冻结 `el-table` 的横向滚动条，可以使用 `el-table` 组件的 `scrollbar-width` 属性。

具体步骤如下：

1. 在 `el-table` 上添加一个 `scrollbar-width` 属性，例如 `scrollbar-width: 0;`。

2. 在 CSS 样式中设置 `overflow-x` 属性为 `hidden`，例如 `overflow-x: hidden;`。这将防止 `el-table` 的内容超出宽度时，自动显示横向滚动条。

示例代码如下：

<el-table :data="tableData" :scrollbar-width="0">
  <!-- 表格列定义 -->
</el-table>

.el-table__body-wrapper {
  overflow-x: hidden;
}

这样就可以实现冻结 `el-table` 的横向滚动条了。注意，这种方法会影响所有 `el-table` 组件的横向滚动条，如果需要只对特定的 `el-table` 组件进行设置，可以在 `el-table` 上添加一个 `class`，然后使用该 `class` 进行样式设置。

相关问题

el-table-column 冻结属性

根据提供的引用内容，没有找到关于el-table-column冻结属性的具体信息。不过，el-table组件本身是支持列冻结的，可以通过设置fixed属性来实现。例如，将第一列固定在左侧，可以这样写：

<el-table :data="tableData" style="width: 100%">
  <el-table-column fixed="left" prop="date" label="日期"></el-table-column>
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="address" label="地址"></el-table-column>
</el-table>

其中，fixed="left"表示将该列固定在左侧，fixed="right"则表示将该列固定在右侧。

如果使用一个table实现部分列冻结并且不随着横向滚动条移动

要实现部分列冻结并且不随着横向滚动条移动，可以使用 CSS 的 position 属性和 z-index 属性来实现。

首先，将表格分为两个部分，左边是需要冻结的列，右边是不需要冻结的列。然后将左边的表格使用 position: fixed; 和 z-index: 1; 属性进行固定定位，并设置宽度和表头行高。同时，将右边的表格使用 margin-left 属性将其向右移动与左边表格相同的距离，并设置 z-index: 0; 属性。

具体代码如下：

HTML:

<div class="table-wrapper">
  <table class="left-table">
    <thead>
      <tr>
        <th>Column 1</th>
        <th>Column 2</th>
        <th>Column 3</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Row 1, Column 1</td>
        <td>Row 1, Column 2</td>
        <td>Row 1, Column 3</td>
      </tr>
      <tr>
        <td>Row 2, Column 1</td>
        <td>Row 2, Column 2</td>
        <td>Row 2, Column 3</td>
      </tr>
    </tbody>
  </table>
  <table class="right-table">
    <thead>
      <tr>
        <th>Column 4</th>
        <th>Column 5</th>
        <th>Column 6</th>
        <th>Column 7</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Row 1, Column 4</td>
        <td>Row 1, Column 5</td>
        <td>Row 1, Column 6</td>
        <td>Row 1, Column 7</td>
      </tr>
      <tr>
        <td>Row 2, Column 4</td>
        <td>Row 2, Column 5</td>
        <td>Row 2, Column 6</td>
        <td>Row 2, Column 7</td>
      </tr>
    </tbody>
  </table>
</div>

CSS:

.table-wrapper {
  position: relative;
  overflow-x: scroll;
}

.left-table {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 200px;
  border-collapse: collapse;
  background-color: #fff;
}

.right-table {
  margin-left: 200px;
  z-index: 0;
  border-collapse: collapse;
}

th, td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}

th {
  background-color: #f2f2f2;
  height: 50px;
}

在上面的代码中，我们将两个表格放在一个包裹 div 中，并将 div 的 overflow-x 属性设置为 scroll，以便在表格宽度超出 div 宽度时出现横向滚动条。

左边的表格使用 position: fixed; 和 z-index: 1; 属性进行固定定位，并设置宽度和表头行高。右边的表格使用 margin-left 属性将其向右移动与左边表格相同的距离，并设置 z-index: 0; 属性。

这样，左边的列就会被冻结在页面上方，不会随着横向滚动条移动，而右边的列则会随着横向滚动条移动。