layui分頁table表格使用

html:

<table id="demo" lay-filter="test"></table>

script:

<script>
    layui.use('table', function () {
        var table = layui.table;
        
        table.render({
            elem: '#demo'
            , height: 380
            , url: '../php/main.php?type=rizhitb' //數據接口,請求的php頁面路徑
            , page: true //開啟分頁
            , cols: [[ //表頭
                { field: 'account', title: '賬號', width: 150, sort: true, fixed: 'left' }
                , { field: 'name', title: '用戶名', width: 180 }
                , { field: 'date', title: '操作時間', width: 250, sort: true }
                , { field: 'content', title: '操作內容' }
            ]]
        });

    });
</script>

php：

case 'rizhitb':
        $sql = "select count(*) from log";
        $res = $db->query($sql);
        $con = $res->fetch_row();
        
        $page = $_GET["page"];
        $limit = $_GET["limit"];
        $lit = ($page-1)*$limit.",".$limit;//數據分頁

        $sql = "select * from log order by date desc limit ".$lit;
        $res = $db->query($sql);
    
        $rows = array();
        while($row=$res->fetch_assoc()){
            $rows[] = $row;
        }
        $arr = array(
            "code"=> 0,
            "msg"=> "",
            "count"=> $con[0],
            "data"=>$rows
        );
        echo json_encode($arr);

        break;