jquery easyui datagrid一些注意事項

標籤：網上   情況   UI   很多   datagrid   grid   顯示   fit   doc   

1---表格定義好之後右側可能會有一個空白條，這個空白條是留給捲軸的，當表格中的一頁的資料在頁面中不能全顯示時會自動出現捲軸，網上有很多事要改源碼才可以修改這個，但是當項目中多處用到時，有的需要捲軸，有的不需要，這樣修改源碼可能會對其他頁面產生影響，當頁面要求不高時，可以利用內部儲存格寬度綜合大於100%來覆蓋，當然頁面要求高時，只能修改源碼。

　　columns:[[
　　　　{field:‘aaaaas‘,title:‘aaas‘,align:‘center‘,width:‘35%‘},
　　　　{field:‘vbbbbbbbbbb‘,title:‘bbb:‘center‘,width:‘35%‘},
　　　　{field:‘pvccccc‘,title:‘ccc,align:‘center‘,width:‘35%‘}
　　]],

2---當使用自適應高度時:

height:($(document).height()-300),可能會產生顯示視窗拉動，高度不斷增加

height:($(window).height()-300),會避免上面的情況發生

3---當使用fitColumns：true時，需要有一個寬度設定，

fitColumns:true,

columns:[[
　　　　{field:‘aaaaas‘,title:‘aaas‘,align:‘center‘，width:100},
　　　　{field:‘vbbbbbbbbbb‘,title:‘bbb:‘center‘},
　　　　{field:‘pvccccc‘,title:‘ccc,align:‘center‘}
　　]],

jquery easyui datagrid一些注意事項