У меня есть две таблицы, которые связаны между собой, но находятся в разных scoopes, и мне иногда нужно скрыть некоторые столбцы и сделать эти 2 таблицы одинаковой шириной столбца. Я уже достигаю этого, устанавливая минимальную ширину и максимальную ширину в таблице, но над таблицей у меня есть отдельная панель, которая должна иметь одинаковую ширину таблицы.
Таким образом, мои таблицы могут иметь минимальную ширину: 500 пикселей и максимальную ширину: 700 пикселей в соответствии с проверками.
Как установить тот же текущий размер в 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 на свою страницу!