Ant-Design-Vue中关于Table组件的使用
1. 如何自定义表格列头: < a-table :columns ="columns" :dataSource ="dataSource" > < span slot ="customTitle" >< a-icon type ="smile-o" /> Name </ span > </ a-table > const columns = [ { dataIndex: 'name' , // 自定义列表头,则不能设置title属性 align: 'left' , slots: { title: 'customTitle' } // 在这里定义一个slots属性,并设置一个title属性 } ] 页面将会渲染为如下: 2.如何设置自定义单行样式 < a-table :columns ="columns" :dataSource ="dataSource" > < span slot ="action" slot-scope ="record, index" > // 这里传入的值分别是:record:当前行的原始数据,index:当前行的索引 < a @click ="handleEdit(record.key)" > 编辑 </ a > </ span > </ a-table > const columns = [ { title: '菜单名称'