LayUI 表格组件 layui-soul-table

chenvle 2021-11-29 PM 1663℃ 0条

一、项目地址

[gitee]

二、完整安装

1. 引入 CSS

将 soulTable.css 引入项目 (在项目根目录可找到)

2. 将插件文件夹拷贝到自己的项目中

源码版位置:ext
压缩版位置:docs/ext

说明

soulTable.js 总入口
tableFilter.js 表头筛选
excel.js excel导出
tableChild.js 子表
tableMerge.js 单元格合并

3. 将模块引入项目中

假设你放置的第三方插件目录为 static/modules/, soulTable 相关插件都在目录 static/modules/soulTable

// 自定义模块,这里只需要开放soulTable即可

layui.config({
    base: 'static/modules/',   // 第三方模块所在目录
    version: 'v1.6.2' // 插件版本号
}).extend({                         
    soulTable: 'soulTable/soulTable',
    tableChild: 'soulTable/tableChild',
    tableMerge: 'soulTable/tableMerge',
    tableFilter: 'soulTable/tableFilter',
    excel: 'soulTable/excel',
});

4. 使用

table.render({
    done: function() {
      // 在 done 中开启
      soulTable.render(this)
    }
})

评论啦~