23.11.09

<el-table>中通过:data="tableData"这个属性将数据tableData传递给el-tabel组件

这样slot-scope属性可以获得tableData数据对象渲染表格内容

使用树形懒加载表格

给数据定义children属性可以形成树形,渲染树形需要添加row-key

形成懒加载需要添加lazy属性与加载函数load,再通过tree-props配置显示子节点

load(tree,treeNode,resolve) {

   setTimeout(

       resolve(

           [ {id: 31, date: '2016-05-01', name: '王小虎', address: '上海市普陀区金沙江路1519 弄' },

             { id: 32, date: '2016-05-01', name: '王小虎', address: '上海市普陀区金沙江路 1519 弄' } ]

      )

  )

),1000

}

自定义表头表格

:data绑定数据时利用filter过滤初始数据

行列合并表格

通过span-method属性绑定一个方法,方法的参数是一个对象(其中有row,column,rowIndex,columnIndex四个属性)

自定义索引表格

通过设置type=index来设置一个索引列,可以给index属性传入一个方法来指定返回索引

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值