ячейка охватывает все столбцы динамически генерируемой таблицы

Question

Для страницы отображения в моем приложении я создаю несколько динамических таблиц, число столбцов которых изменяется в зависимости от определенной бизнес-логики. Однако мне требуется строка заголовка, охватывающая всю таблицу.

Следуя совету в ответе с наибольшим количеством голосов здесь , я установил colspan на 100%. Это отлично работало, пока я разрабатывал (отладка с помощью Opera), но тестирование в IE8 показало, что это не относится ко всем браузерам:

без представления совместимости - неверная ширина столбца http://i54.tinypic.com/nobx9l.jpg

Забавно, однако, что он прекрасно работает в режиме совместимости (это почти идентично тому, как он отображается и в Opera):

вид совместимости - отображается правильно http://i54.tinypic.com/2hx0lub.jpg

В настоящее время мой документ выглядит примерно так:

  <table>
    <tr class="head">
      <th colspan="100%">Circuit Ex Circuit 9</th>
    </tr>
    <!-- and so on, for all rows -->
  </table>

Так что, не будучи гуру HTML (не говоря уже о гуру IE), я как-то обречен на это. Как я могу исправить это, чтобы обрабатывать полный диапазон таблицы в IE?

---

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

Answer 1

Ну, другой ваш вопрос, казалось, спрашивал, как решить его в HTML, чтобы оставить javascript в качестве другого варианта.

Если вы используете javascript для заполнения таблицы, то вы должны иметь возможность использоватьJavaScript, чтобы подсчитать ваши столбцы, а затем установить colspan в первой строке соответствующим образом.Я не знаю, в какой форме вы получаете таблицу, если она уже HTML, то вам лучше всего поместить таблицу на свою страницу, а затем посчитать количество столбцов в первой строке и затем добавить в новую первую строку с помощьюваш заголовок.

Если данные поступают в какой-то структуре типа таблицы объектов (например, 2d-массив), то вы можете просто посчитать количество столбцов и затем сгенерировать строку заголовка с правильным colspan.

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