ELMENT TABLE

基于 element-ui table 二次开发的 table 组件

// 安装
npm i @pdeng/element-table
// 使用
import ElTableBlock from '@pdeng/element-table'
Vue.use(ElTableBlock)
<ElTableBlock :data="dataList" :column="columnData" />
data() {
 return {
 currentPage: 1,
 pageSize: 10,
 columnData: [
 {
 type: 'index',
 label: '编号',
 index: (v) => {
 return (this.currentPage - 1) * this.pageSize + v + 1
 },
 {
 label: '日期',
 prop:'date',
 },
 {
 label: '姓名',
 prop:'name',
 }
 ...
 ],
 dataList: [
 {
 date: '2020-08-01',
 name: '韩小寒'
 },
 {
 date: '2020-08-01',
 name: '韩小寒'
 },
 ....
 ]
 },
}

更新日志说明:
v0.2.10
 调整了table行高、字体大小、背景色信息