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

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;" />

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

这与 amartine 答案的效果相同，只是这是内联 css。

希望这可以帮助。