GridView修改含有DropDownList控件列的宽度

 GridView进入Edit模式,编辑列动态绑定DropDown List方便客户选择,但当里面的Item过长,不免令界面不美观

正确做法:

<asp:TemplateField HeaderText="test1" SortExpression="Lv1" >
                <ItemTemplate>
                    <%# Eval("Lv1")%>
                </ItemTemplate>
                <EditItemTemplate>
                    <asp:dropdownlist ID="test1"  width="148px" runat="server" Text='<%# Bind("Lv1") %>'    DataSource = "<%#getInitDT(0)%>" DataTextField ="Info"  DataValueField ="Code">
                     </asp:dropdownlist>
                </EditItemTemplate>
                <ItemStyle Width="150px" />
</asp:TemplateField>


 做法1:其它列宽也变化,而且DropDown List显示不正常

 gv_Test.Style.Add("table-layout""fixed")

 做法2:IE9正常,IE8有问题,Header宽度没变

<asp:TemplateField HeaderText="test2" SortExpression="Lv2">
                <ItemTemplate>
                    <%# Eval("Lv2")%>
                </ItemTemplate>
                <EditItemTemplate>
                    <asp:dropdownlist ID="test2"  runat="server" style="max-width 100px !important; widthauto !importantwidth:100px;" Text='<%# Bind("Lv2") %>' DataSource="<%#getInitDT(1)%>" DataTextField ="Info"  DataValueField ="Code">
                     </asp:dropdownlist>
                </EditItemTemplate>
            </asp:TemplateField>

 

 无效做法3:

<EditRowStyle Width="150" />
无效做法4:
<RowStyle BackColor="#E7E7FF" ForeColor="DarkSlateBlue"  HorizontalAlign ="left" Wrap ="false" Width ="150px" />
原文地址:https://www.cnblogs.com/sui84/p/6777205.html