el-table 固定首行

`el-table` 是 Element UI 中的一个表格组件，它支持通过 `fixed` 属性来固定表头或表头部分的某一行。要在 `el-table` 中固定首行，通常在表格组件的配置选项中设置列的 `fixed` 和 `fixedHeader` 属性。

例如：

<template>
  <el-table :data="tableData" fixed-header>
    <el-table-column prop="name" label="姓名" fixed></el-table-column>
    <!-- ... 其他列 -->
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        // ... 表格数据
      ]
    };
  }
};
</script>

在这个例子中，`name` 列被设置了 `fixed` 属性为 true，这意味着它的内容会始终位于页面的左侧，而当滚动其他部分时，该列保持不动。同时，`fixedHeader` 默认为 true，表示整个表头会被固定。

相关问题

el-table-draggable 表格首行禁止拖拽

在 `el-table-draggable` 中禁止表格首行拖拽，可以通过设置 `:header-draggable="false"` 属性来实现。以下是示例代码：

<template>
  <div>
    <el-table-draggable :data="tableData" :columns="tableColumns" :header-draggable="false">
    </el-table-draggable>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { date: '2021-01-01', name: 'John', address: 'New York' },
        { date: '2021-01-02', name: 'Jane', address: 'Paris' },
        { date: '2021-01-03', name: 'Bob', address: 'London' }
      ],
      tableColumns: [
        { prop: 'date', label: 'Date', width: 180 },
        { prop: 'name', label: 'Name', width: 180 },
        { prop: 'address', label: 'Address' }
      ]
    };
  }
};
</script>

将 `header-draggable` 属性设置为 `false`，即可禁止表格首行拖拽。

el-table-draggable 首行行禁止拖拽

您好，针对您的问题，您可以通过设置el-table-draggable组件的handle参数来实现首行行禁止拖拽的效果。

具体做法是，在el-table-draggable组件中的列定义中，为第一列添加一个class名称，例如"first-column"，然后在el-table-draggable组件的handle参数中设置一个选择器，选择器为除了第一列之外的所有列，例如".el-table__body-wrapper .el-table__row:not(.first-column)"，即可实现首行行禁止拖拽的效果。

示例代码如下：

<el-table-draggable :data="tableData" :columns="tableColumns" :handle="'.el-table__body-wrapper .el-table__row:not(.first-column)'"></el-table-draggable>

其中，tableData和tableColumns为数据和列定义，可根据实际情况进行替换。