设置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中单独设置列样式了。