layui 第三方組件平臺(tái)

返回首頁(yè) 發(fā)布組件

opTable主要解決表格參數(shù)列過(guò)多問(wèn)題,支持將不重要的參數(shù)放在展開區(qū)域顯示,支持在表格中展開顯示默認(rèn)排版、 顯示表格、展開數(shù)據(jù)從網(wǎng)絡(luò)加載 等。

更新:2020-3-26 創(chuàng)建:2020-3-18

文檔

碼云地址

在線預(yù)覽

Fly社區(qū)交流

QQ交流群:660408068
作者QQ:1414430109

兼容情況


如何使用
layui.opTable.render({
elem: '#test'
, id: '#test'
, url: 'static/test.json'
, toolbar: '#toolDemo'
, cols: [[
{field: 'id', title: 'ID', sort: true}
, {field: 'username', title: '用戶名', edit: true}
, {field: 'logins', title: '登錄名', edit: true}
, {field: 'city', title: '城市', edit: true}
, {title: '操作', toolbar: '#barDemo', width: 150, align: "center"}
]]

// 展開的列配置
, openCols: [
{field: 'sex', title: '性別'}
, {field: 'sign', title: '簽名'}
, {field: 'wealth', title: '財(cái)富'}
, {field: 'experience', title: '經(jīng)驗(yàn)值'}
, {field: 'experience', title: '積分'}
, {field: 'score', title: '分?jǐn)?shù)', edit: true}
, {field: 'classify', title: '職業(yè)'}
]
});
效果預(yù)覽



展開區(qū)域顯示表格


圖標(biāo)配置




展開區(qū)域內(nèi)容從網(wǎng)絡(luò)加載


可配置屬性



全局方法



回調(diào)方法






最新的類容以 碼云 更新為準(zhǔn)。
此項(xiàng)目長(zhǎng)期維護(hù),祝你使用愉快 [鼓掌] 。


下載

立即下載 去碼云下載
該擴(kuò)展組件由第三方用戶主動(dòng)投遞,并由其自身進(jìn)行維護(hù),本站僅做收集。