У меня есть проблема в CSS, у меня есть большой стол со многими перевалами, мне нужно заморозить некоторый COLS и когда страница прокручивается не будет movied, но я не могу, как сделать этопроблема в стиле таблицы
ответ
Если я правильно понимаю, вам нужны столбцы, которые не прокручиваются со страницей (столбцы - это то, что идет вниз, а не вправо). Вы хотите, чтобы они оставались при прокрутке по горизонтали или по вертикали?
Вертикальный
Это невозможно с одной таблицей, так как точка таблицы его, чтобы сохранить все ячейки одной строки (по горизонтали) всегда на той же высоте.
Что вы можете попытаться разбить стол на две (или более). Установите стиль для тех столбцов, которые вы не хотите прокручивать до position: absolute
или тому подобное. Но вам придется столкнуться с другой проблемой: вам нужно будет установить высоту всех строк всех таблиц на некоторое фиксированное значение; в противном случае столбцы не будут правильно выровнены.
Если вам нужно значениям оставаться фиксированными для вертикальной прокрутки, попробуйте следующее: Вы можете также использовать рамки JavaScript, как JQuery, чтобы заметить, когда пользователь прокручивает страницу, а затем скопировать содержание клеток. Поэтому, когда ячейки фактически перемещаются, первая видимая клетка всегда содержит одно и то же значение.
Горизонтальные
Если вам нужно первым (несколько) колонки (ы) фиксированной во время прокрутки по горизонтали (то есть заголовки столбцов, как в Excel), использовать JQuery для перебора ячеек в первом столбце, чтобы их размер и положение, а затем добавить абсолютно позиционированное div
s слева от стола (просто приведите всю таблицу, чтобы освободить место для них).
Проверить this blog post.
Должен признаться: ваш ответ намного подробнее :) –
Вы просто объявляете позицию своего <td>
, которая не должна перемещаться как фиксированная с помощью CSS.
Пример:
<html>
<head><style type='text/css'>.noMove { position:fixed; }</style></head>
<body>
<table>
<tr>
<td>Column 1</td>
<td class='noMove'>Column 2</td>
</tr>
</table>
</body>
</html>
@ Аарон Да, это прекрасно работает: D –
Вы также можете использовать свойство переполнения, чтобы прокручивать незамороженные биты. – rxgx
- 1. Проблема в стиле a кнопка
- 2. проблема в стиле текстового блока
- 3. Проблема в стиле CSS UpdateProgress
- 4. Проблема в стиле ширины в html5
- 5. Сброс строк таблицы бутстрапа в стиле «полосатый»
- 6. Таблица в стиле таблицы inherit mess
- 7. Изменить вид таблицы (стиль таблицы в стиле), цвет фона?
- 8. Проблема с обратной совместимостью в стиле JQuery
- 9. Проблема в стиле Winform: стиль классики Windows?
- 10. дисплей ячейка таблицы ни в стиле тег
- 11. Как свернуть разрывы в моем стиле таблицы?
- 12. Android 5.0 Таблицы в стиле материала
- 13. Показать содержимое таблицы в стиле google-изображений
- 14. Программировать ввод данных в стиле слияния в существующие таблицы Excel?
- 15. Первая буква в стиле
- 16. Проблема со связыванием Тип коллекции зависимости свойства в стиле
- 17. Проблема с переключателем печати стилей в стиле PHP?
- 18. SSRS - Экспорт/Печать отчета в пользовательском стиле шрифта Проблема
- 19. Проблема в стиле Кендо - элементы пользовательского интерфейса неуместны
- 20. Проблема при установке NavigationBar в стиле «Черный полупрозрачный»
- 21. Проблема с <a> тегами в стиле HTML + CSS
- 22. Определить размер текста в стиле CSS в стиле JavaFX/force?
- 23. XAML - конвертер в стиле
- 24. Комбинируйте элементы таблицы и табличные элементы в стиле
- 25. Взаимная информация: пример вычисления (Java) в стиле таблицы непредвиденных обстоятельств
- 26. SSRS - Как выложат результаты запроса в стиле, кроме общей таблицы
- 27. Таблица сгруппированных в стиле настроек
- 28. установка ConverterParameter в стиле
- 29. Кодирование jQuery в стиле rolodex в стиле флип-анимации?
- 30. Проблема создания таблицы в MySQL
Может быть, вы можете задать свой вопрос в правильных предложениях? Кроме того, не совсем понятно, чего вы хотите достичь. –
@Polybos: Достаточно сказать «Пожалуйста, уточните свой вопрос»; 95% населения мира не говорят по-английски так же хорошо, как и вы, поэтому нет необходимости расстраиваться. –
@ Аараон Дигулла: Хорошо: –