Question

这似乎是一个愚蠢的问题，但我无法在Ext.Net网格面板中对齐列内容！我用这个：

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

但只有列标题是对齐的，而不是内容！感谢

Answer 1

要为列标题和内容指定不同的对齐方式，您应为ColumnID分配ext:Column属性。然后，您将能够为标题（通过类名称中具有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类的方法是设置Column的CSS属性（添加内联css）

假设您有一个“名称”列，您希望列标题居中，而不是内容，您可以尝试。

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

如果内容与第一次尝试不一致，您可以尝试在内联css规则中添加“！important”。

这与amartine回答的效果相同，只是这是Inline css。

希望这有帮助。

Ext.net网格：如何对齐列内容？

2 个答案: