AntDesignofVue之table表格实现头部⾃定图标背景
vue项⽬要基于ant vue 组件库,实现如下如效果。
实现过程
主要通过scopedSlots或者slots配置⾃定义头部,具体看代码:
<a-table :columns="tableColumn" :data-source="tableData">
<span slot="customName">
<img src="../../assets/images/1.png" alt="">//我这边是导⼊图⽚,也放⼊svg,或者⾃定义icon
区分
</span>
</a-table>
------------------------------------------------------------------------------------------
const tableColumn = [{
//⼀定要去掉title,要不然⽆法实现⾃定义样式
dataIndex: 'name',
key: 'name',
align: 'center',
slots: { title: 'customName'},//或者scopedSlots: { title: 'customEle' },antdesignvue 配置外部文件
}]
参考
1.
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论