layui 第三方組件平臺

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

opTable主要解決表格參數(shù)列過多問題,支持將不重要的參數(shù)放在展開區(qū)域顯示,支持在表格中展開顯示默認排版、 顯示表格、展開數(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: '財富'}
, {field: 'experience', title: '經(jīng)驗值'}
, {field: 'experience', title: '積分'}
, {field: 'score', title: '分數(shù)', edit: true}
, {field: 'classify', title: '職業(yè)'}
]
});
效果預(yù)覽



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


圖標(biāo)配置




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


可配置屬性



全局方法



回調(diào)方法






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


下載

立即下載 去碼云下載
該擴展組件由第三方用戶主動投遞,并由其自身進行維護,本站僅做收集。