基礎使用 · PHP

>[danger] 表格重載基礎使用 ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>表格重載示例</title> <link rel="stylesheet" href="https://www.layuicdn.com/layui-v2.5.6/css/layui.css"> <script src="https://www.layuicdn.com/layui-v2.5.6/layui.js"></script> </head> <body> <div class="layui-container" style="width:80%;padding-top:50px;"> <div class="layui-row"> <button class="reload1 layui-btn">通過容器ID重載</button> <button class="reload2 layui-btn">通過對象重載</button> <table id="demo" lay-filter="test"></table> </div> </div> </body> <script> layui.use(['table', 'layer'], function(){ var table = layui.table, $ = layui.jquery; //第一個實例 var tableIns = table.render({ elem: '#demo' ,url: 'table.json' //數據接口 ,page: true //開啟分頁 ,cols: [[ //表頭 {field: 'id', title: 'ID', sort: true, fixed: 'left'} ,{field: 'username', title: '用戶名'} ,{field: 'sex', title: '性別', sort: true} ,{field: 'city', title: '城市'} ,{field: 'sign', title: '簽名'} ,{field: 'experience', title: '積分', sort: true} ,{field: 'score', title: '評分', sort: true} ]] }); // 表格重載 $('.reload1').click(function(){ // 特別注意 // 這里的參數是容器ID,不是lay-filter的值 table.reload('demo'); }) // 表格重載 $('.reload2').click(function(){ // tableIns 是 table.render() 返回的對象 tableIns.reload() }) }); </script> </html> ```