elementUI表格 table怎样自定义列单元格的内容 一列放多列的字段

按照elementUI官网的代码看,得出最普通的样式是这样


elementUI表格 table怎样自定义列单元格的内容 一列放多列的字段_第1张图片

elementUI表格 table怎样自定义列单元格的内容 一列放多列的字段_第2张图片

如果想要给列表的内容添加一些自定义内容,那就需要slot-scope了
如图所示
scope.row就包含了每行的对应字段
通过这个row取出里面的值即可

elementUI表格 table怎样自定义列单元格的内容 一列放多列的字段_第3张图片

elementUI表格 table怎样自定义列单元格的内容 一列放多列的字段_第4张图片

更多内容可以去elementUI官网复制粘贴然后修改,多思考,多看文档

https://element.eleme.io/#/zh-CN/component/table

你可能感兴趣的:(elementui,elementUI,table,自定义列单元格内容)