EasyUI中DataGrid的frozenColumns使用細節
DataGrid的frozenColumns的作用是凍結某些列.
例如列表中的列過多。導致頁面擠壓的會非常難看。那麼就可以通過設置grid的frozenColumns屬性,來實現凍結某些列並拖動顯示其他列信息.
如果是通過js繪製grid的,則添加一個forzenColumns屬性即可.
frozenColumns:[[
{field:'no',title:'編號',align:'left'},
{field:'name',title:'名稱',align:'left'}
]]
如果是html繪製的,則
<thead frozen="true">
<tr>
<th field="itemid" width="80">Item ID</th>
<th field="productid" width="80">Product ID</th>
</tr>
</thead>
這裏有點要注意的就是,如果grid的寬高採用的是自適應,也就是設置了fit和fitColumns,那麼grid列的width就不要設置了.否則可能凍結列設置沒有效果
例如列表中的列過多。導致頁面擠壓的會非常難看。那麼就可以通過設置grid的frozenColumns屬性,來實現凍結某些列並拖動顯示其他列信息.
如果是通過js繪製grid的,則添加一個forzenColumns屬性即可.
frozenColumns:[[
{field:'no',title:'編號',align:'left'},
{field:'name',title:'名稱',align:'left'}
]]
如果是html繪製的,則
<thead frozen="true">
<tr>
<th field="itemid" width="80">Item ID</th>
<th field="productid" width="80">Product ID</th>
</tr>
</thead>
這裏有點要注意的就是,如果grid的寬高採用的是自適應,也就是設置了fit和fitColumns,那麼grid列的width就不要設置了.否則可能凍結列設置沒有效果
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.