Layui数据表格

Layui的数据表格是非常实用的，用法方便易上手，代码量少且简单易懂。接下来我简单的介绍一下Layui数据表格的必要参数。
1、 elem：指定table容器的选择器或者DOM
2、 cols: 表头列的设置，
3、 url：异步数据的接口，具体路径、
除此之外，还有很多其它的参数，比如Page（分页操作），width（宽），height（高），data（直接赋值），limit（每页条数）等等。
以下是具体的实例参考：

   var tabAcademe;//表格
   var layuiTable;//保存layui模块以便全局使用
        $(function () {
            layui.use( 'table', function () {
                layuiTable = layui.table;
                tabAcademe = layuiTable.render({
                    elem: '#tabAcademe'//指定原始表格元素选择器（推荐id选择器）
                  , url: '/SystemManagement/CollegeInfor/SelectAcademeAll/' //数据接口
                  , cols: [[ //表头
                          { type: 'radio', fixed: 'left' },//单选框列,fixed:'left' 将列固定在左边
                          { type: 'numbers', title: '序号' },//序号列，title设定标题名称
                          { field: 'AcademeID', title: 'AcademeID', hide: true },//hide:true
                          { field: 'AcademeName', title: '学院名称' },
                          { field: 'AcademeCode', title: '学院代号' },
                  ]]
                , page: {
                    limit: 10,//指定每页显示的条数
                    limits: [5, 10, 15, 20, 25, 30, 35, 40, 45, 50],//每页条数的选择项
                } 
                });
             });
          })

Layui的表格是支持CSS设置的，有很多CSS相关的参数，能够满足大众的需求，根据不同的需要渲染出不同风格的表格，非常的实用，因为我现在在做项目，经常会用到这个Layui的数据表格，所以我想写出来和大家分享一下。