Jump to content
  • 0

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


Sarge
 Share

Question

Всем привет.

Смысл вопроса примерно в следующем. Есть таблица с данными и управляющие кнопки, которые отображаются на каждой строке таблицы. Проблема в том, что данных может быть достаточно много и физически все столбцы не помещаются на экране, ну и соответсвенно управляющие кнопки уезжают.

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

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

Хотелось бы выслушать ваши идеи и предложения на сей счет, заранее спасибо...

Link to comment
Share on other sites

1 answer to this question

Recommended Posts

  • 0

Я бы предложил 3 варианта:

1. Наверное самый правильный - организовать таблицу иначе.

2. Лучше вашего извращения - запихнуть всю таблицу в див с overflow: auto;

3. Мое извращение - написать скрипт который будет скрывать/раскрывать колонку при клике. То что юзеру не надо будет скрыто, то что надо он раскроет. По умолчанию раскрытой должна быть самая необходимая инфа.

Лично я за первый вариант!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy