GridView 列宽度 浏览器兼容问题

 1 <asp:GridView ID="gvFriendInvite" runat="server" EnableModelValidation="True" 

 2                CellPadding="4" ForeColor="#333333">

 3             <AlternatingRowStyle BackColor="White" />

 4             <Columns>

 5                

 6                 <asp:BoundField DataField="SendDateTime" HeaderText="邀请时间" >

 7                 <ItemStyle CssClass="lpadding" />

 8                 <HeaderStyle HorizontalAlign="Center" Width="160px" />

 9                 </asp:BoundField>

                 <asp:BoundField DataField="InviteMail" HeaderText="被邀请人" >

                 <HeaderStyle HorizontalAlign="Center" Width="200px"/>

                 <ItemStyle  CssClass="lpadding"/>

                 </asp:BoundField>

 

                 <asp:BoundField DataField="IsRegister" HeaderText="注册时间" >

                 <HeaderStyle HorizontalAlign="Center" Width="80px"/>

                 <ItemStyle HorizontalAlign="Center" />

                 </asp:BoundField>

                 <asp:BoundField DataField="RegisterName" HeaderText="注册会员" >

                 <HeaderStyle HorizontalAlign="Center" Width="120px"/>

                  <ItemStyle  CssClass="lpadding" />

                 </asp:BoundField>

                 <asp:BoundField DataField="IsFristLodging" HeaderText="首日入住" >

                 <HeaderStyle HorizontalAlign="Center" Width="80px"/>

                 <ItemStyle HorizontalAlign="Center"/>

                 </asp:BoundField>

                 <asp:BoundField DataField="IsLodgingECoupons" HeaderText="绑特价券" >

                 <HeaderStyle HorizontalAlign="Center" Width="80px"/>

                 <ItemStyle  HorizontalAlign="Center"/>

                 </asp:BoundField>

                 <asp:BoundField DataField="IsLodgingSendPoint" HeaderText="入住邀请人送积分" >

                 <HeaderStyle HorizontalAlign="Center" Width="120px"/>

                 <ItemStyle HorizontalAlign="Center"/>

                 </asp:BoundField>

                 <asp:BoundField DataField="Remark" HeaderText="备注" >

                 <HeaderStyle HorizontalAlign="Center" Width="400px"/>

                 <ItemStyle  CssClass="lpadding"/>

                 </asp:BoundField>

             </Columns>

             <EditRowStyle BackColor="#2461BF" />

             <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />

             <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />

             <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />

             <RowStyle BackColor="#EFF3FB" />

             <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />

         </asp:GridView>    

 

今天在使用GridView 的时候发现了如下的问题：在IE8，IE9 及Chrome 和firefox 中GridView 显示一切正常，但是在IE7中显示的却有点夸张。后来才发现是GridView列宽度 设置的问题:我们可以在ItemStyle中设置<ItemStyle CssClass="lpadding" Width="160px" />，
也可以在HeaderStyle中设置 <HeaderStyle HorizontalAlign="Center" Width="160px"/>。
在ItemStyle设置宽度后在IE8，IE9 及Chrome 和firefox 中 显示是没有问题一切正常的。
但是在IE7 中就显示的有点小问题了（不会按照你设置的宽度显示）。要解决这个问题其实很简单，即宽度在HeaderStyle 设置。