1、table组件的基本使用
注意:
①对象集合,要从后端查询。
②prop是集合中的对象的属性名;label是表格表头的名称。
2、将性别一列的71转为男,72转为女
问题描述:
解决步骤:
①将el-table-column变成双标签。
②使用<template #default></template>插槽,来自定义列的内容。
③接收table表格的本行内容row,并根据性别的值row.gender,使用三目运算符,来计算出具体性别。
效果展示:
3、列超出范围,显示省略号
应用场景:
操作步骤:在对应列的标签,加上show-overflow-tooltip属性即可。
效果展示:
4、如何固定某一列?
操作步骤:在对应列的标签,加上fixed属性即可。
效果展示:
5、如何将一行中,两列的内容,拼到一列?
问题描述:
操作步骤:
展示效果: