#html #css #tabular
#HTML #css #табличный
Вопрос:
Я пытаюсь создать электронную таблицу, похожую на электронную таблицу Google Docs или Excel, где у вас есть таблица, полная данных. Как мне сделать так, чтобы при прокрутке по вертикали первая строка оставалась фиксированной, а когда пользователь прокручивает по горизонтали, первый столбец остается фиксированным? Я не ищу плагин, просто как это делается с помощью HTML / CSS? Я просматривал код для электронной таблицы Google Docs, но не могу точно определить решение. Может кто-нибудь привести простой пример для этого?
Например:
jsFiddle: http://jsfiddle.net/tYUwd/2 /
В jsFiddle при прокрутке по горизонтали я бы хотел .row-header
, чтобы элементы были исправлены. При прокрутке по вертикали .column-headers
должны быть исправлены.
Ответ №1:
Я совершенно уверен, что в настоящее время это невозможно сделать только с помощью HTML / CSS. Вы можете создать фиксированный заголовок или псевдо-фиксированный первый столбец только с помощью HTMl / CSS, но вам нужен JavaScript, чтобы заставить оба работать вместе. Я бы посоветовал проверить этот сайт: http://www.8164.org/the-big-table-issue /
Я бы также предложил проверить эти два возможных решения: http://cross-browser.com/x/examples/xtable.php http://www.disconova.com/open_source/files/freezepanes.htm
Я уже использовал решение для замораживания панелей, и оно отлично работает.