Infragistics Webdatagrid：将列调整为最大的标题/数据单元格内容答案

【问题标题】：Infragistics Webdatagrid: Resize column to largest header/data cell contentsInfragistics Webdatagrid：将列调整为最大的标题/数据单元格内容
【发布时间】：2013-05-31 08:22:10
【问题描述】：

我正在寻找一种根据最大数据内容或标题更改列宽的解决方案。像这样的解决方案 tbody.igg_Item > tr > td { 空白：nowrap！重要； } 不起作用，因为网格根据列标题内容而不是数据设置列宽，因此数据单元格内容不会以其全长显示。例如，如果内容是“我的测试数据内容”，我只能看到“我的测试数据”，因为我的标题不够长。

我的标记是：

     <ig:WebDataGrid ID="WebDataGrid1" runat="server" AutoGenerateColumns="False" Height="350px"
         Width="100%">
         <ClientEvents MouseDown="GridMouseDown" />
         <Behaviors>
             <ig:Activation>
             </ig:Activation>
             <ig:ColumnResizing>
             </ig:ColumnResizing>
             <ig:Selection CellSelectType="Single">
             </ig:Selection>
         </Behaviors>
    </ig:WebDataGrid>

我在后面的代码中添加列（我没有看到任何控制宽度的 DataColumn 属性）

【问题讨论】：

标签： infragistics webdatagrid

【解决方案1】：

如果没有在列上设置宽度并且网格本身没有宽度，则网格将自动将列调整为网格的数据部分。请注意，如果需要水平滚动条，则需要将网格放入容器中，如果使用分页，分页器将随列滚动。

我对 StackOverflow 上的这个问题 here 有更详细的答案。我也在 Infragistics 论坛here 上发布了这个示例。我还对该示例进行了修改，如果有多个带有示例发布的单词here，则允许在标题中换行文本。

【讨论】：

链接上描述的解决方案使用外部 div 来调整大小和滚动条，但网格将无法使用固定标题 - 这是使用 IG 网格而不是 html 表格的主要原因之一，此外，如果我们有 500 行，您将使用链接上的演示有 2 个滚动条（一个用于外部 div + 一个用于网格）。我们如何解决上述问题？谢谢。
固定标题是什么意思？外部容器不需要设置高度，您仍然可以使用网格的高度，这样标题就不会滚动。我在 Infragistics 论坛上提供的示例没有两个滚动条。你有例子吗？
IG doco 称为标题或列标题（infragistics.com/products/aspnet/sample/data-grid/…）。在此链接中，您会注意到当您使用垂直滚动条时第一行（标题）不会移动。如果垂直滚动条在整个内容移动时位于外部网格中，我们就不能这样做。请注意，在我们的例子中，我们处理的行数范围从 1 到 1000，因此需要垂直滚动条。
要解决这个问题，您需要更改 DOM 以使网格滚动条不存在，添加一个包含网格外部内容的容器，该容器可以提供滚动条并手动更新网格移动外部滚动条时的滚动位置。如果您还没有提交功能请求，我建议您提交：infragistics.com/my-account/feature-request