Блог

У меня есть таблица, в которую могут добавляться и удаляться строки и столбцы. Я хотел бы поместить текстовую область сбоку от нее, которая будет иметь тот же размер, что и таблица, чтобы она выглядела хорошо.

У меня проблемы. Во-первых, это заставить его отображаться в правой части таблицы (при условии, что есть место, если его нет, оно должно быть перенесено).

Я попытался установить style для display: inline-table таблицы, и это делает текстовое поле (которое является родственным по отношению к таблице в DOM) отображаемым справа от него, но оно не отображается в IE9, Opera или Firefox. Текстовая область торчит над таблицей. Работает с Webkit. В Webkit также есть хорошая функция захвата в правом нижнем углу, позволяющая мне регулировать размер.

Если я использую display: inline-block его сейчас, он работает в Firefox. Все еще сломано в IE9 и Opera.

Для динамического изменения размера я мог бы просто вызвать функцию для изменения ее размера при каждом изменении таблицы.

Как мне получить размер таблицы или другого элемента (в пикселях или других единицах измерения)?

Проблема с демонстрацией скрипки: http://jsfiddle.net/7jKDm/4 /

 var height = document.getElementById('tbl').clientHeight;
  

кажется, это помогает. Я считаю, что это в пикселях.

Чтобы выровнять ее с таблицей, вам может потребоваться, чтобы последний столбец вашей таблицы содержал эту текстовую область и rowspan всю таблицу, или вы можете настроить разделение столбцов, для чего есть множество руководств с помощью Google search.

Похоже, этот человек также заставил его работать с помощью .offsetHeight