vxe-table 如何设置table的某列不能拖拽
时间: 2024-12-05 20:12:26 浏览: 46
vxe-table vue表格解决方案 v4.5.20.zip
vxe-table 是 Vue 组件库 VxeTable 的简称,它是一个功能强大的表格组件,用于Vue应用中展示数据。如果你想要在 vxe-table 中禁止单元格的拖拽功能,可以在列配置对象(column definition)中设置 `resizable` 属性为 `false` 或者 `'none'`。
这是一个简单的例子:
```html
<template>
<vxe-table :data="tableData" :columns="columns">
<!-- ... -->
<vxe-column
field="columnThatShouldntDrag"
title="标题"
resizable="false" <!-- 或者 'none' 来完全禁用拖拽 -->
></vxe-column>
<!-- ... -->
</vxe-table>
</template>
<script>
export default {
data() {
return {
tableData: [], // 表格数据
columns: [
{ field: 'columnThatShouldntDrag', ... }, // 需要禁用拖拽的列
...其他列...
]
}
}
}
</script>
```
阅读全文