OpTable表格展开
汪政 2021/2/10 layui
# OpTable表格展开
表格展开功能,基础参数同table一致http://hbangmao.gitee.io/layui-op-table/demo/index.html (opens new window)
# 基本使用
<!-html->
<table id="goodTable" lay-filter="goodTable"></table>
// js
opTable.render({
elem: '#goodTable'
, text: { none: '当前暂无数据' }
, data: list
, limit: Number.MAX_VALUE
, cols: [
[
{ field: 'orderNo', title: '订单号', align: 'center' },
{ field: 'orderAmount', title: '订单金额', align: 'center' }
]
]
, openType: 1
, openTable: function (itemData) {
return {
elem: '#child_3_' + itemData.LAY_INDEX
, openVisible: false
, data: itemData.orderItemSkuList
, limit: Number.MAX_VALUE
, cols: [
[
{ field: 'brandNameCh', title: '品牌', align: 'center' },
{ field: 'productPrice', title: '商品价
]
]
}
}
})
# 效果演示

# Api
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|---|---|---|---|---|
| openType | 行展开设置 | Number | -- | 0、1 |
| openTable | 展开内容设置 | Function | -- | -- |
| openVisible | 是否支持展开操作 | Boolean | true | false |
| isOpenAllClick | 是否支持展开全部 | Boolean | true | false |
| reload() | 重载 | |||
| openAll() | 展开全部 | |||
| closeAll() | 关闭全部 |