Замороженные поля в HTML-таблицах

Question

Я потратил целый день на изучение этого вопроса и, наконец, решил попросить о помощи.

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

Моя проблема в том, что у меня есть таблица из 20 строк (максимум) и 18 столбцов.Столбцы имеют различные типы содержимого - текст, параметры, переключатели ...

Ширина таблицы намного больше, чем может быть отображено, и поэтому ее необходимо прокручивать по горизонтали.Мне нужно, чтобы первые 4 столбца были всегда видны, а оставшиеся 14 - для прокрутки.

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

Я нашел некоторые, к сожалению, неподходящие фрагменты кода: www.shrutigupta.com/index.php/2005/12/12/how-to-create-table-with-first-column-frozen / (строки плохо выстраиваются)

acatalept.com / common / test / fixed-table.html (насколько я могу судить, это 3 таблицы)

И тот, который выглядит наиболее многообещающим, но без кода: apex.oracle.com/pls/otn/f?p=11630:2:1883191096360711

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

Что нам действительно нужно, и единственное, что мы действительно можем использоватьименно этот метод используется по адресу: www.google.com/squared/search?q=world+leaders. Если выизмените размер окна на этой странице, внизу появится полоса прокрутки для нужных столбцов.

Пожалуйста, помогите, этот проект сводит меня с ума!

Answer 1

<table width="100%">
<tr>
<td id="200px">some fixed content</td>
<td>
      <table>
           create rows and table inside this table
      </table>
</td>
</tr>

</table>

Answer 2

DataTables теперь поддерживает ColVis, что позволяет отображать / скрывать столбцы, а также фиксированный заголовок / фиксированные столбцы. Это не та прокрутка, которую вы ищете, но она может быть более элегантным решением вашей проблемы. Имея объем данных, с которыми вы имеете дело, вы также можете воспользоваться преимуществами сортировки, фильтрации и подкачки страниц, чтобы конечному пользователю было немного проще его использовать.

Answer 3

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

Попробуйте поместить таблицу или tds в div и применить стиль для переполнения