table嵌套table 滚动条 IE8自动扩展 火狐缩进,该怎么处理

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

<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

查看更多 下一篇