我會更改我的網格的行的大小。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. 在extjs中增加網格的字體大小
- 2. 3 x 3網格相對於在CSS中的視口大小
- 3. 在網格中的更新行在extjs 3
- 4. 在extjs中鎖定網格中的行
- 5. 網格統一行大小
- 6. 編輯ExtJs網格中的一行
- 7. ExtJS動態調整網格列的大小
- 8. 最小化ExtJS的大小
- 9. 映射大網格上的小網格
- 10. 響應4列網格變成3列網格調整大小
- 11. Extjs 3.3.3網格 - 禁用網格行
- 12. NaN大小的網格
- 13. ExtJS的RowEditor網格
- 14. 調整瀏覽器窗口大小時,ExtJs網格不會調整大小。
- 15. 可調整大小的網格行和網格項目
- 16. ExtJS 2.3/3.x網格商店
- 17. EXTJS 3,如何顯示網格彈出?
- 18. 使行擴展的元素即extjs網格和圖表調整大小窗口調整大小
- 19. 自動調整另一個網格中包含的網格的行的大小
- 20. extjs網格排序不區分大小寫
- 21. TreePanel中不擴大的ExtJS 3
- 22. 更改GridBagLayout中的網格大小
- 23. 在表格中的網格在extjs
- 24. 在extjs網格中禁用行
- 25. Extjs網格圖標行對齊中心
- 26. WPF - 調整網格中的列和行的大小
- 27. 排列網格大小和塊大小
- 28. 引導程序3網格在調整大小時的行爲不如預期
- 29. ExtJs中的動態窗口大小
- 30. Extjs - 網格的多級json
從什麼規模?要多大?你在談論細胞的高度和/或寬度嗎?你的意思是整行和/或列大小?你已經嘗試過哪些代碼?幫助我們幫助你。 –
我會改變整個行的大小。我使用這個代碼,但它改變了所有的網格,並且只會改變1個網格。 .x-grid3-row {height:20px;} .x-grid3-row-table TD {line-height:16px;} –