Ext.net網格：如何對齊列內容？

Question

這似乎是一個愚蠢的問題，但我無法對齊Ext.Net網格面板中的列內容！ 我用這個：

<ext:Column DataIndex="category1" Header="Category" Align="Left" Width="80" /> 

但只有列標題對齊，而不是內容！ 謝謝

Answer 1

要爲列標題和內容指定不同的對齊方式，應該爲ext:Column分配ColumnID屬性。 然後，您將能夠爲標題（通過類名中的ColumnID使用CSS）和另一個使用Align屬性的內容進行對齊。

例如，對準頭中心和內容的左邊，你的代碼將是這樣的：

<style type="text/css"> 
    .x-grid3-hd-category1 
    { 
     text-align: center; 
    } 
</style> 
<ext:Column ColumnID="category1" DataIndex="category1" Header="Category" Align="Left" Width="80" /> 

Answer 2

，而不需要添加自定義CSS類的另一種方法，是設置列的CSS屬性（添加內聯css）

假設您有'名稱'列，您希望列標題居中，但不是內容，您可以嘗試。

<ext:Column ColumnID="NameColId" DataIndex="Name" Header="Full name" Align="Center" Css="text-align:left;" /> 

如果內容未與第一次嘗試對齊，則可以嘗試向內聯css規則添加「！important」。

這和amartine的答案效果相同，只是這是Inline css。

希望這會有所幫助。