# 管理員列表 > 單獨做管理員的列表顯示，非常簡單。所以在這里呢咱們重點介紹一下`Layui`數據表格的應用。 ## Layui數據表格的應用 > 根據不同的場景需求，layui中提供了三種數據表格的渲染方式，在這里呢，咱們使用`轉換靜態表格`的方式來實現。這種方式，在實際的開發過程中，用的比較少，一般會選用另外兩種。但是這種試在個別場景下非常實用。 > ## \[注意\]在使用layui之前必須先引入`layui`框架 ### 1\. 按照之前的方式，實際管理員列表 ### 2\. 將現在表格列表轉換為layui數據表格 > 在轉換時，要注意以下事項： #### 1\. 實現表格的轉換 > 實現數據表格轉換時，一定要注意一下下面幾點 ##### 1\. 原始表格`table`標簽中加入`lay-filter`，并設置其屬性值 ##### 2\. 原始表格頭信息要是如下格式 ~~~ <table> <thead> <tr> <th lay-data="field:'字段名' "></th> </tr> ...... ~~~ > 必須含有`thead`和`th`，同時th中必須有'lay-data'屬性 ##### 3\. js實現表格的渲染 ~~~ var table; layui.use('table', function(){ table= layui.table; //轉換靜態表格 table.init('mytable', { id:"mytable" ,height: 315 //設置高度 }); }); ~~~ > 通過上面的代碼就可以實現最基本表格的轉換，在這里注意，這里把table設置成了全局變理，目前是因為后面在其它地方有用到它，如果放到了`layui.use`內的話，就沒有辦法在外面進行調用。 ##### 4\. 靜態表格實現數據分頁 > 在這里既然使用了`layui`的數據表格的分頁功能咱們也使用`layui`來實現。在這里咱們要參考`layui數據表格`中的配置項的設置。官方文檔中有詳情說明。 第一步：開啟分頁功能 > 在渲染時加入，`page`選項 ~~~ var table; layui.use('table', function(){ table= layui.table; //轉換靜態表格 table.init('mytable', { id:"mytable" ,height: 315 //設置高度 ,limit:1 ,page:true }); }); ~~~ 效果：  > 這里分頁導航出來了，但是并不能正確的實現分頁。出現這個情況主要是因為，在這里咱們是靜態表格轉換，所以這里的分頁導航數據來自表格的數據，在控制器中取數據時，咱們用的是分頁，所以在這里表格中顯示的只是一頁的數據，所以不能實現分頁。 第二步：調整控制器中表格的獲取方式 \[success\]在這里將所有的管理員數據分配到表格中，也就是說咱們在獲取數據時不再進行分頁，直接獲了所以的管理員數據。然后在表格中進行顯示。 調整后效果如下  > 這時就可以實現了。