table嵌套table 滚动条 IE8自动扩张 火狐缩进

table嵌套table 滚动条 IE8自动扩展 火狐缩进

HTML code

<table align="center" width="300px" cellpadding="0" cellspacing="0" border="0">    <tr>        <td>            <table>                <tr>                    <td>                        <asp:GridView id="gvHeader" runat="server" allowsorting="True" autogeneratecolumns="False">                                <HeaderStyle CssClass="gvHeader" />                                <Columns>                                    <asp:BoundField HeaderText="序号">                                        <HeaderStyle Width="30" />                                    </asp:BoundField>                                    <asp:BoundField HeaderText="编码" SortExpression="ShowCode">                                        <HeaderStyle Width="100" />                                    </asp:BoundField>                                </Columns>                            </asp:gridview>                        <div id="divMain" style="overflow: auto; height: 250px;">                            <asp:GridView id="gvBody" runat="server" autogeneratecolumns="False" showheader="False">                                    <SelectedRowStyle CssClass="gvSelectedRow" />                                    <RowStyle CssClass="gvRow" />                                    <Columns>                                        <asp:TemplateField HeaderText="序号">                                            <ItemStyle HorizontalAlign="Center" />                                            <ItemTemplate>                                                <asp:Label ID="Label1" runat="server" Text='<%# (int)DataBinder.Eval(Container, "RowIndex")+1 %>'>                                                </asp:Label>                                            </ItemTemplate>                                        </asp:TemplateField>                                        <asp:BoundField DataField="ShowCode" />                                    </Columns>                                </asp:gridview>                        </div>                        <input id="hdnBody" type="hidden" runat="server" />                    </td>                </tr>            </table>        </td>    </tr></table>

IE8自动扩展 GridView gvHeader长度 = gvBody长度 整齐相对应 滚动条 自动排在后面 
火狐缩进 GridView gvHeader长度 = gvBody长度 不对其  
  等于是gvHeader长度=gvBody+滚动条的长度 不美观

不在<div id="divMain" style="overflow: auto; height: 250px;"> 定死width的情况下  
还有什么办法可以使火狐可以自动扩展

[解决办法]
width用JS自动绑定
var gv = document.getElementById(...);
var th = gv.getElementsByTagName(...);
var con=0;
  
for(var i=0;i<th.length;i++){
var width=th[i].style.width;
con+= parseInt(width);
}
con = width

查看更多 下一篇