layui引入soulTable 插件

layui引入soulTable 插件

一、去gitee引入插件到项目中

gitee地址： https://gitee.com/saodiyang/layui-soul-table

 

二、将ext 和soulTable.css引入项目

 

 

引入css

<link rel="stylesheet" type="text/css" href="../../css/soulTable.css" media="all">

 

<script type="text/javascript">
    ecelBase = 'http://localhost/js/ext/'
    // 自定义模块，这里只需要开放soulTable即可
    layui.config({
        base: ecelBase   // 第三方模块所在目录

    }).extend({
        soulTable: 'soulTable',
        tableChild: 'tableChild',
        tableMerge: 'tableMerge',
        tableFilter: 'tableFilter',
        excel: 'excel',
    });
    defaultConfig = { // 默认配置开关
        fixTotal: false, // 修复合计行固定列问题
        drag: true, // 列拖动
        rowDrag: false, // 行拖动
        autoColumnWidth: false, // 自动列宽
        contextmenu: false, // 右键菜单
        fixResize: false, // 修改有固定列的拖动列宽的位置为左边线
        overflow: false, // 自定义内容超出样式
        fixFixedScroll: true, // 固定列支持鼠标滚轮滚动
        filter: true  // 筛选及记忆相关
    };
    layui.use(['jquery', 'layer', 'tree', 'element', 'laypage', 'table', 'laydate', 'form', 'soulTable'], function () {
        window.jQuery = window.$ = layui.jquery;
        window.layer = layui.layer;
        var element = layui.element;
        var table = layui.table;
        var laydate = layui.laydate;
        var wherecon = '';
        var tree = layui.tree;
        var form = layui.form;
        soulTable = layui.soulTable,
            $ = layui.$;
             });   
      <script >      

table.render({

 

这里只是将插件引入具体请看官方文档！

文档地址：https://saodiyang.gitee.io/layui-soul-table/#/zh-CN/component/excel/basic