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

Set the width of a DIV according to table variable width

本文关键字：DIV 设置 变量      更新时间：2023-09-26

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

因此，根据验证，我的表格可以有最小宽度：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上对此进行了测试

。

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

相关文章：