基于element-ui的el-table进行二次封装——通过配置生成el-table

麻烦点

  • 在使用element-ui的el-table组件时,需要手工写入大量el-table-column,费时费力;在需要用到Scoped slot时,需要创建el-table-column,并在其中加入template标签(用法:)。
  • 不支持可配置

改善点

  • 全部配置化,自动生成el-table-column,其中columns对应El-Table-column Attributes,props对应El-Table Attributes,El-Table原有事件照原先用法使用即可
  • 通过render进行了封装,首先el-table原有功能全部支持且用法不变
  • 至于Scoped slot用法,则加入renderCell配置项进行支持
  • 支持多级表头

用法示例

// test





效果图

源码





你可能感兴趣的:(基于element-ui的el-table进行二次封装——通过配置生成el-table)