antd-vue table不同列,渲染不同颜色
效果图:实现方法:<a-table:columns="columns":data-source="data" 数据源rowKey="id":rowClassName="rowClassName":scroll="{x:2510}"bordered></a-table>data:columns:[{title: '左边盖样式',dataI
·
效果图:
实现方法:
<a-table
:columns="columns"
:data-source="data" 数据源
rowKey="id"
:rowClassName="rowClassName"
:scroll="{x:2510}"
bordered>
</a-table>
data:
columns:[
{
title: '左边盖样式',
dataIndex: '',
key: '',
ellipsis: true,
width: '150px',
customCell: (record, rowIndex) => {
return {
style: {
'background-color': '#f9f9f9'
}
}
}
},
{
title: '左边盖标签名称',
dataIndex: '',
key: '',
ellipsis: true,
width: '150px',
customCell: (record, rowIndex) => {
return {
style: {
'background-color': '#f9f9f9'
}
}
}
}
]
更多推荐
已为社区贡献27条内容
所有评论(0)