vxe-table-column 禁用
时间: 2023-08-05 07:10:30 浏览: 82
你可以在 vxe-table-column 组件中设置 disabled 属性来禁用该列。例如:
```
<vxe-table-column field="name" title="姓名" :disabled="true"></vxe-table-column>
```
这将禁用该列,并在单元格上添加禁用样式。
相关问题
vxe-table vxe-column checkbox禁用
vxe-table是一个基于Vue.js的表格组件库,而vxe-column是vxe-table中的列组件。checkbox是vxe-column中的一种类型,用于显示和操作复选框。
要禁用vxe-column中的checkbox,可以通过设置column的`checkbox-config`属性中的`disabled`字段来实现。将`disabled`字段设置为`true`即可禁用该列的checkbox。
以下是一个示例代码:
```html
<template>
<vxe-table :data="tableData">
<vxe-column type="checkbox" :checkbox-config="{ disabled: true }"></vxe-column>
<!-- 其他列配置 -->
</vxe-table>
</template>
<script>
import { VXETable } from 'vxe-table'
import 'vxe-table/lib/style.css'
export default {
data() {
return {
tableData: [
// 表格数据
]
}
},
mounted() {
VXETable.setup({
// 全局配置
})
}
}
</script>
```
这样设置后,该列的checkbox将会被禁用,用户无法进行选择操作。
<vxe-table-column>标签中禁用某一列
如果你使用的是 element-ui 中的 el-table 组件,可以通过在 `<el-table-column>` 标签中设置 `disabled` 属性来禁用某一列。具体做法如下:
```html
<template>
<el-table :data="tableData">
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄" :disabled="true"></el-table-column><!-- 设置disabled属性禁用此列 -->
<el-table-column prop="address" label="地址"></el-table-column>
</el-table>
</template>
```
这样,你就可以禁用 element-ui 的某一列了。在上面的例子中,第二列(年龄)就被禁用了。
阅读全文