我會更改我的網格的行的大小。Extjs 3中的網格的行大小
1
A
回答
0
使用CSS:
.x-grid3-row {height: 20px;}
.x-grid3-row-table TD {line-height: 16px;}
+0
這適用於所有的網格,但我會改變只有1個網格的高度。 –
+0
你可以在你的網格中添加一些cls,並用這個cls修改這個CSS。 – TheHorse
0
您可以使用getRowClass。
Ext.create('Ext.grid.Panel', {
title: 'Sample grid',
cls: 'my_grid',
store: 'storeName',
columns: [
{ text: 'Name', dataIndex: 'name' },
{ text: 'Email', dataIndex: 'email' },
{ text: 'Phone', dataIndex: 'phone' }
],
height: 200,
width: 300,
viewConfig: {
getRowClass: function(record, rowIndex){
return 'row_'+rowIndex;
}
},
renderTo: Ext.getBody()
});
現在的風格是這樣
.my_grid .row_0{
height: 50px;
};
.my_grid .row_1{
height: 60px;
};
相關問題
- 1. 3 x 3網格相對於在CSS中的視口大小
- 2. 在extjs中增加網格的字體大小
- 3. 在網格中的更新行在extjs 3
- 4. 在extjs中鎖定網格中的行
- 5. 網格統一行大小
- 6. EXTJS網格中的小數精度行編輯插件
- 7. 顯示網格中的行數 - Extjs
- 8. 編輯ExtJs網格中的一行
- 9. 突出顯示網格中的行 - extjs
- 10. ExtJS動態調整網格列的大小
- 11. 最小化ExtJS的大小
- 12. WPF的RichTextBox增加網格行大小
- 13. 映射大網格上的小網格
- 14. 響應4列網格變成3列網格調整大小
- 15. Extjs 3.3.3網格 - 禁用網格行
- 16. NaN大小的網格
- 17. ExtJS的RowEditor網格
- 18. ExtJS 2.3/3.x網格商店
- 19. EXTJS 3,如何顯示網格彈出?
- 20. 可調整大小的網格行和網格項目
- 21. 調整瀏覽器窗口大小時,ExtJs網格不會調整大小。
- 22. 使行擴展的元素即extjs網格和圖表調整大小窗口調整大小
- 23. 使用extjs 3在網格列數據中滾動條使用extjs 3
- 24. 自動調整另一個網格中包含的網格的行的大小
- 25. TreePanel中不擴大的ExtJS 3
- 26. extjs網格排序不區分大小寫
- 27. 明星大小ItemsControl中的網格列?
- 28. 網格中BFS隊列的大小
- 29. 更改GridBagLayout中的網格大小
- 30. Extjs:增加JsonStore的大小
從什麼規模?要多大?你在談論細胞的高度和/或寬度嗎?你的意思是整行和/或列大小?你已經嘗試過哪些代碼?幫助我們幫助你。 –
我會改變整個行的大小。我使用這個代碼,但它改變了所有的網格,並且只會改變1個網格。 .x-grid3-row {height:20px;} .x-grid3-row-table TD {line-height:16px;} –