0

我有两个表，它们之间相关，但在不同的范围内，有时我需要隐藏一些列并使这两个表具有相同的列宽。我已经实现了为表格设置最小宽度和最大宽度，但在表格上方我有一个单独的面板，它必须具有相同的表格宽度。

因此，根据验证，我的表格可以具有 min-width:500px 和 max-width: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 上对此进行了测试

4

1 回答 1

0

首先我不认为 style 是一个有效的 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！

于 2013-09-17T14:30:16.747 回答