<el-table
:data="tableData" //对象数组
border //设置边框
style="width: 20%">
<el-table-column
prop="date"
label="日期"
width="100">
</el-table-column>
<el-table-column
prop="number"
label="姓名">
</el-table-column>
</el-table>
1.el-table 元素中注入data 对象数组
2.在 el-table-column 中用 prop 属性代表键名
3.用label来定义表格的列名
4.用width属性来定义列宽
注意:
5.width的设置方法
1)如果style="width: 100%,那么下面的元素的百分比加起来是100
最后一个el-table-column不写width,则默认是剩余的位置
2)上述style="width: 20%",第一个是固定宽度,那么第二个不写,补充剩余位置