Question

我有两个相关的表但是在不同的scoopes中我有时需要隐藏一些列并使这两个表具有相同的列宽。我已经实现了将min-width和max-width设置为表格但在表格上方我有一个必须具有相同宽度的表格的分隔面板。

因此，根据验证，我的表可以有最小宽度：500px和最大宽度：700px。

如何将相同的当前大小设置为上面的div。

我试着像这样定义window.onload。

<script type="text/javascript">
window.onload = ($('[id$=pnlActions]')[0]).clientWidth = document.getElementById('myTable').offsetWidth;

或者这个

window.onload = ($('[id$=pnlActions]')[0]).style.clienWidth = document.getElementById('myTable').offsetWidth;

这个

window.onload = ($('[id$=pnlActions]')[0]).style.offsetWidth = document.getElementById('myTable').offsetWidth;
</script>

什么都没发生

<asp:Panel ID="pnlActions" runat="server" style="min-width:500px; max-width:700px;">
</asp:Panel>
<table id="myTable" cellpadding="0" cellspacing="0" style="min-width:500px; max-width:700px;">
</table>
<table id="myTable2" cellpadding="0" cellspacing="0" style="min-width:500px; max-width:700px;">
</table>

即使不使用面板，我也使用了客户端div而根本不起作用。

<div id="divActions" style="min-width:500px; max-width:700px;">
</div>

window.onload = document.getElementById('divActions').clientWidth = document.getElementById('myTable').offsetWidth;

我在Chrome 29，IE8和IE10上进行了测试

Answer 1

首先，我认为样式是一个有效的ASP标记，

<asp:Panel ID="pnlActions" runat="server" style="min-width:500px; max-width:700px;">

您是否尝试过创建课程并使用CssClass？只是为了确定！

修改

我为你做了一个小提琴，它工作得很好http://jsfiddle.net/VYLsE/2/

$(function () { var width = $('#myTable').width(); $('#divActions').width(width); });

请记住，您还必须在页面上加载jQuery！

根据表变量宽度设置DIV的宽度

1 个答案: