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

【问题标题】：Ext.net grid: how to align column content?Ext.net 网格：如何对齐列内容？
【发布时间】：2011-09-28 01:50:13
【问题描述】：

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

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

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

【问题讨论】：

标签： asp.net ext.net

【解决方案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" />

【讨论】：

【解决方案2】：

另一种不需要添加自定义 CSS 类的方法是设置 Column 的 CSS 属性（添加内联 css）

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

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

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

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

希望这会有所帮助。

【讨论】：