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



所有评论(0)