Установите ширину DIV в соответствии с переменной ширины таблицы

0

У меня есть две таблицы, которые связаны между собой, но находятся в разных 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

Теги:
html-table
width

1 ответ

0

Для начала я считаю, что стиль является допустимым тегом 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 на свою страницу!

Ещё вопросы

Сообщество Overcoder
Наверх
Меню