读书人

table嵌套table 滚动条 IE8自动扩展 火

发布时间: 2013-01-25 15:55:29 作者: rapoo

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

读书人网 >Web开发

热点推荐