vxe-table列颜色
时间: 2023-12-14 15:34:49 浏览: 132
基于 vxe-table 表格的适配插件,用于兼容 ant-design-vue 组件库
以下是使用vxe-table插件设置列颜色的方法:
1.在表格列定义中添加type属性为seq,然后在表格的columns属性中添加seq属性,如下所示:
```javascript
columns: [
{
field: 'name',
title: '姓名',
width: 100,
seq: 'seq'
},
{
field: 'age',
title: '年龄',
width: 100
},
{
field: 'sex',
title: '性别',
width: 100
}
]
```
2.在表格的column-style属性中添加样式,如下所示:
```javascript
columnStyle: ({ column }) => {
if (column.seq) {
return { color: 'red' }
}
}
```
这里的columnStyle是一个函数,它接收一个参数column,表示当前列的定义对象。如果该列的seq属性存在,则返回一个样式对象,将该列的文字颜色设置为红色。
阅读全文