asp.net 网格视图绑定字段更改宽度答案

【问题标题】：asp.net grid view bound field change widthasp.net 网格视图绑定字段更改宽度
【发布时间】：2013-07-14 16:39:19
【问题描述】：

我正在处理一个 asp.net 页面。我在其中使用网格视图。我希望能够更改绑定字段的宽度。我在用 ControlStyle-Width="100px" 和 itemstyle-width 但我无法更改绑定字段的宽度。谁能告诉我这是怎么做到的？

  <asp:BoundField DataField="ptDob" HeaderText="PatientDob" HeaderStyle-HorizontalAlign="Left" SortExpression="ptDob" ControlStyle-Width="2500px"  />
                <asp:BoundField DataField="memid" HeaderText="MemberId" HeaderStyle-HorizontalAlign="Left"  ControlStyle-Width="100px"
                    SortExpression="memid" />
                <asp:BoundField DataField="memssn" HeaderText="MembeSsn" HeaderStyle-HorizontalAlign="Left"  ItemStyle-Width="100px"
                    SortExpression="memssn" />
                <asp:BoundField DataField="billType" HeaderText="BillType" HeaderStyle-HorizontalAlign="Left"  ItemStyle-Width="100px"
                    SortExpression="billType" />
                <asp:BoundField DataField="insuranceName" HeaderText="insuranceName" HeaderStyle-HorizontalAlign="Left"  ItemStyle-Width="100px"
                    SortExpression="insuranceName" />
                <asp:BoundField DataField="taxId" HeaderText="TaxId" HeaderStyle-HorizontalAlign="Left"  ItemStyle-Width="100px"
                    SortExpression="taxId" />
                <asp:BoundField DataField="attendingProvider" HeaderText="AttendingProvider" HeaderStyle-HorizontalAlign="Left"  ItemStyle-Width="100px"
                    SortExpression="attendingProvider" />
                <asp:BoundField DataField="parStatus" HeaderText="parStatus" HeaderStyle-HorizontalAlign="Left"  ItemStyle-Width="100px"
                    SortExpression="parStatus" />
                <asp:BoundField DataField="admittedDate" HeaderText="AdmittedDate" HeaderStyle-HorizontalAlign="Left"
                    SortExpression="admittedDate" />
                <asp:BoundField DataField="billedAmount" HeaderText="BilledAmount" HeaderStyle-HorizontalAlign="Left"

【问题讨论】：

标签： asp.net gridview

【解决方案1】：

ItemStyle-Width="100px" 或 HeaderStyle-Width="100px" 应该可以正常工作，也许你有其他风格干扰，CSS 也许。

【讨论】：

如果表的宽度尚未超过所有列的总和，则会失败。如果整个表格很窄，这些宽度将被忽略，并且字段“压缩”到它们的最小文本大小。 min-width 可以在生成的td 中使用，请参见此处：stackoverflow.com/questions/14765817/… 但是，我看不到在BoundField 上操作该样式的方法。（CssClass可以用来控制这个，但是需要写单独的页面样式）

【解决方案2】：

您可以将其作为 CSS 字段添加到您的 itemstyle 中。然后确保该类设置了宽度。假设您没有任何优先的内联样式，那么这将起作用。

<asp:BoundField DataField="parStatus" HeaderText="parStatus">
    <ItemStyle CssClass="yourclass"></ItemStyle>
</asp:BoundField>

【讨论】：

注意：您需要设置 css 样式 min-width 而不是 width 以正确处理生成的 td 元素。

【解决方案3】：

尝试使用HeaderText-cssClass，在类中添加

padding-left: 100px;
padding-right: 100px;

【讨论】：