ant-design-vue中设置table某一列的样式
第一步:需要在columns中,给需要单独设置样式的列加一个className属性。通过以上两步,就可以完美实现table中单独设置列样式了。第二步:在css文件中定义样式。
·
设置table列的样式
最终实现效果:
第一步:需要在columns中,给需要单独设置样式的列加一个className属性。
{
title: '剩余时间',
dataIndex: 'TXSJ',
key: 'TXSJ',
className: 'datestyle',
width: 60,
ellipsis: true,
sorter: (a, b) => {
let aTime = new Date(a.TXSJ).getTime();
let bTime = new Date(b.TXSJ).getTime();
return aTime - bTime;
},
sortOrder: sortedInfo.columnKey === 'TXSJ' && sortedInfo.order,
},
第二步:在css文件中定义样式。
.datestyle{
background: #ff0000;
color: #000000;
font-weight: bolder;
}
通过以上两步,就可以完美实现table中单独设置列样式了。
更多推荐
已为社区贡献2条内容
所有评论(0)