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、如何将一行中，两列的内容，拼到一列？

   问题形貌： 
  

   操纵步调：
  

   展示结果： 
  

 

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。