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

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

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

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