Egrid
Element-UI
Table
组件封装的高阶表格组件,可无缝支持 element 的 table 组件。
基于 element 升级到了 2.0 了, 不用担心可以无缝升级的~
文档 http://kinglisky.github.io/egrid
开发
npm run dev
npm run build
npm run doc
使用
安装 Element:
npm i element-ui -S
安装 egrid:
npm i egrid -S
egrid
只依赖 Element
中的 Table
与 TableColumn
组件不会将整个 Element
导入。
但不包含样式,Table
的样式需要用户手动引入。
使用:
// table 的样式需要手动引入 Vue
为什么要在 element table 组价之上再封装一层呢?
平时我们使用的 element table 时候往往是这样写的:
{{ scope.row.date }} 姓名: {{ scope.row.name }} 住址: {{ scope.row.address }} {{ scope.row.name }} 编辑 删除
如果每次使用表格都要重复这一段代码,那久而久之你的项目肯定会冗余很多重复的代码,而且也不利于维护。 这时候我们就有必要在原始的表格组件基础上再封装一层,将这些重复的代码放在组件内部,使用时考虑如何通过一种配置的方式去定制表格。
egrid
就是为此而生的,少写两行是两行。耶~~~