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: '商品价
    	            ]
    	        ]
    	    }
    	}
})


# 效果演示

image-20220216142329470

# Api

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