layui 数据表格+分页

废话不多说了，以下是本少爷用过的layui 的实例经验，看代码：

layui使用经验：

1.HTML 搜索输入框

<form class="layui-form">
    <div class="layui-input-inline">
        <input type="tel" name="searContent" autocomplete="off"
               placeholder="姓名/手机/身份证" class="layui-input">
    </div>
</form>

2.HTML 搜索按钮

<div class="layui-input-inline " style="width: 90px">
    <button class="layui-btn" id="searchEmailCompany" data-type="reload">
        <i class="layui-icon" style="font-size: 20px; "></i> 搜索
    </button>
</div>

3.HTML table表格

<div class="yys-fluid yys-wrapper">
        <div class="layui-row lay-col-space20">
            <div class="layui-cos-xs12 layui-col-sm12 layui-col-md12 layui-col-lg12">
                <section class="yys-body animated rotateInDownLeft">
                    <div class="yys-body-content clearfix changepwd">
                        <div class="layui-col-lg12 layui-col-md10 layui-col-sm12 layui-col-xs12" style="width:100%">
                            <div class="user-tables">
                                <table id="userTables" lay-filter="userTables"> </table>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </div>
</div>

4.HTML 时间格式转换

<script type="text/html" id="TimeTpl">
    {
   {#
    var parseDate= function(date){
    if(date){
    var t=new Date(date);
    return t.getFullYear()+"-"+(t.getMonth()+1)+"-"+t.getDate()+" "+t.getHours()+":"+t.getMinutes();
    }
    }
    }}
    {
   {parseDate(d.updateTime)}}
</script>

5. js 功能设定

<script>
    var $ = null;
    layui.use(["jquery", "upload", "form", "table", "layer", "element", "laydate"], function () {
        $ = layui.jquery;
        var element = layui.element,
            layer = layui.layer,
            upload =