element-plus中table组件的使用

1、table组件的基本使用

注意：

①对象集合，要从后端查询。

②prop是集合中的对象的属性名；label是表格表头的名称。

2、将性别一列的71转为男，72转为女

问题描述：

解决步骤：

①将el-table-column变成双标签。

②使用<template #default></template>插槽，来自定义列的内容。

③接收table表格的本行内容row，并根据性别的值row.gender,使用三目运算符，来计算出具体性别。 

效果展示：

3、列超出范围，显示省略号

应用场景： 

操作步骤：在对应列的标签，加上show-overflow-tooltip属性即可。

效果展示：

4、如何固定某一列？

操作步骤：在对应列的标签，加上fixed属性即可。 

效果展示： 

5、如何将一行中，两列的内容，拼到一列？

问题描述： 

操作步骤：

展示效果：