@{
    Page.Title = "在此处显示标题";
    Layout = "~/Views/Shared/_LayUILayout.cshtml";
}
@section css{
    <style type="text/css">

        /*zyk  固定 > 位置，固定宽度*/
        .layui-box_ext {
            width: 580px;
        }
    </style>
}

<div>


    <div class="layui-row" id="divTable">
        @*<table id="dateTable" lay-filter="dateTable" class="layui-table" lay-data="{height:'full-10',id: 'idTest', cellMinWidth: 80,even:true,
                             page: true,limit:30, url:'@Url.Action("GetPersonList_NoCompleteByGroupID",new { groupid=ViewBag.GroupID})'}">
                        <thead>
                            <tr>
                                <th lay-data="{field:'group_name', width:150}">分组</th>
                                <th lay-data="{field:'physical_num', width:150}">条码</th>
                                <th lay-data="{field:'person_name', width:120}">姓名</th>
                                <th lay-data="{field:'register_date', width:120}">登记日期</th>
                                <th lay-data="{field:'util_name', width:250}">单位</th>
                            </tr>
                        </thead>
                    </table>
            </div>*@

    </div>
    <script type="text/javascript">
    var pdata = {};
    //var dom = $("<div id='showalladdableavms' style='display:none;width:100%'><table id='dateTable' lay-filter='test'></table></div>"); $('#divTable').append(dom)

    // layui方法
    layui.use('table', function () {
            var table = layui.table;

                    var cols = [[ //标题栏
            { field: 'group_name', title: '分组', align: 'center' }
            , { field: 'physical_num', title: '条码', align: 'center' }
            , { field: 'person_name', title: '姓名', align: 'center' }
            , { field: 'register_date', title: '登记日期', align: 'center' }
            , { field: 'util_name', title: '单位', align: 'center' }
        ]]
        //展示已知数据
        table.render({
            elem: '#divTable'
            , url: '@Url.Action("GetPersonList_NoCompleteByGroupID",new { groupid=ViewBag.GroupID})'
           // , size: 'sm'
            , cols: cols
            , even: true
            , height:600
            , page: true, //是否显示分页
            done: function (res, curr, count) {
                //var spr_count = $("div.layui-box.layui-laypage>span.layui-laypage-spr").length;
                //var spr_width = $(".span.layui-laypage-spr").attr("widht");
                //if (spr_count == 1) { $(".layui-laypage-next").css("margin-left", spr_width); }


                //var dom = $("<div id='spanpager' style='float:right'></div>");
                //dom.appendTo($("div.layui-box.layui-laypage"));
                //$("a.layui-laypage-next").appendTo(dom);
                //$("span.layui-laypage-skip").appendTo(dom);
                //$("span.layui-laypage-count").appendTo(dom);
                //$("span.layui-laypage-limits").appendTo(dom);


                 //$("div.layui-box.layui-laypage").css("width","570px");

                //$("span.layui-laypage-skip").css("float", "right");
                //$("span.layui-laypage-count").css("float", "right");
                //$("span.layui-laypage-limits").css("float", "right");

                //$("a.layui-laypage-next").css("float", "right");
                //$("a.layui-laypage-next").css("margin-right", "100px");

                //$("span.layui-laypage-skip").after($("a.layui-laypage-next"));
                //$("span.layui-laypage-count").after($("span.layui-laypage-skip"));
                //$("span.layui-laypage-limits").after($("span.layui-laypage-count"));

            }
        });
      });


    </script>