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就不要設置了.否則可能凍結列設置沒有效果
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章