el-table-draggable 表格首行禁止拖拽
时间: 2023-08-08 22:04:30 浏览: 94
Vue3+element-plus-table-dragable(Sortable.js)实现表格拖动排序
3星 · 编辑精心推荐
在 `el-table-draggable` 中禁止表格首行拖拽,可以通过设置 `:header-draggable="false"` 属性来实现。以下是示例代码:
```html
<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`,即可禁止表格首行拖拽。
阅读全文