el-table的花样需求---表格加图片、加音频、加序号、多级动态表头

elemnet-ui组件库大家应该不陌生,在展示多条结构类似的数据方面,el-table可谓扛把子,不仅可以把数据展示的整齐,还支持排序、筛选或其他自定义操作。那么,除了上述的基本功能外,你还遇到过哪些花样的需求呢?下面我们一起盘点下吧~

1 基本使用

如果熟悉基本操作,可直接看下面第二小节。

<template> <el-table:data="tableData"> <el-table-column prop="date" label="日期"></el-table-column> <el-table-column prop="name" label="姓名"></el-table-column> <el-table-column prop="address"label="地址"></el-table-column> </el-table> </template> <script> export default { data() { return { tableData: [ {date: '2016-05-02',name: '王小虎',address: '上海市普陀区金沙江路 1518 弄'}, {date: '2016-05-04',name: '王小虎',address: '上海市普陀区金沙江路 1517 弄'}, {date: '2016-05-01',name: '王小虎',address: '上海市普陀区金沙江路 1519 弄'}, {date: '2016-05-03',name: '王小虎',address: '上海市普陀区金沙江路 1516 弄'} ] } } } </script>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zygwyj.html