layui使用总结

前言

由于自己平时对前端的css和js学的不是太好，而现在又需要自己来写一个前端页面，无意间在GitHub中看到了layui，所以抱着尝试的心态，学习了一下，现在主要是自己做一个总结。可能之后会学习Vue等前端跨框架

关于Layui的table组件

首先Layui的table组件：在Layui中创建一个table组件需要先写一个table标签：<table class="layui-hide" id="test" lay-filter="demo"></table>，在这之中 id 是需要在table.render中使用的。例如：

table.render({
            elem: '#test'
            ,height: 315
            ,url: '/user/getUser' //数据接口
            ,page: true //开启分页
            ,cols: [[ //表头
                {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'}
                ,{field: 'age', title: '年龄', width:80}
                ,{field: 'dataname', title: '用户名', width:80}
                ,{field: 'sex', title: '性别', width:80}
                ,{field: 'password', title: '密码', width:80, sort: true}
                ,{fixed: 'right', width: 165, align:'center', toolbar: '#barDemo'}
            ]]
        });