Size: a a a

2019 September 13

AS

Anatoliy Salamatin in FrontCoder
Margarita 333
Фаерфокс не поддерживает overflow: overlay. Из-за этого с таблицей происходит такая шняга. Как это пофиксить?
Спрятать скролл тоже не вариант, т.к. нужно спрятать только y, нижний x должен работать (гуглила, что с сохранением функциональности это реально сделать только с помощью уменьшения ширины, однако ширину можно уменьшить только сразу у обоих (x и y), а  мне надо у одного)
На работе часто такие штуки делаем.
1 вариант. Определяем есть ли скролл или нет. Если есть, то верхней части правой ставим паддинг или маржин на ширину скролла
2. Таблицу делать дивами. Все ячейки фикс ширины, кроме последней.
источник

M3

Margarita 333 in FrontCoder
Я пробовала паддинг, маржин - не работает.
То место на котором скролл- див обёртка над тэйбл.
Сама таблица состоит из трех тэйбл в одной большой. Если я меняю все на дивы - все ломается.
Это потому что нужен фиксированный хэдэр и левая колонка.
источник

PE

Polina Emelyanova in FrontCoder
чтоб меня...
источник

PE

Polina Emelyanova in FrontCoder
Margarita 333
Я пробовала паддинг, маржин - не работает.
То место на котором скролл- див обёртка над тэйбл.
Сама таблица состоит из трех тэйбл в одной большой. Если я меняю все на дивы - все ломается.
Это потому что нужен фиксированный хэдэр и левая колонка.
Опиши что ты конкретно хочешь?
источник

PE

Polina Emelyanova in FrontCoder
Или уж тогда тай картинку как оно должно выглядеть.
источник

M3

Margarita 333 in FrontCoder
Хочу убрать сдвиг таблицы из-за скролла, который занимает место. Хочу чтобы скролл места не занимал, а был поверх немного ячейки
источник

M3

Margarita 333 in FrontCoder
То есть примерно как у меня в других браузерах, где работает овэрфлоу - овэрлэй
источник

M3

Margarita 333 in FrontCoder
Либо спрятать этот скролл. Убрать ширину. Но только для  оси у
источник

PE

Polina Emelyanova in FrontCoder
Можно.
через чекбокс
На его лабел кликаем - меню открывается.
источник

MI

Muhammadamin Ibragim... in FrontCoder
Anatoliy Salamatin
На работе часто такие штуки делаем.
1 вариант. Определяем есть ли скролл или нет. Если есть, то верхней части правой ставим паддинг или маржин на ширину скролла
2. Таблицу делать дивами. Все ячейки фикс ширины, кроме последней.
если это табличние данние лучше делать таблицой(
источник

M3

Margarita 333 in FrontCoder
Это табличные данные
источник

AS

Anatoliy Salamatin in FrontCoder
Muhammadamin Ibragimov
если это табличние данние лучше делать таблицой(
не всегда. Дивами визуально все тоже самое,  но больше гибкости в итоге
источник

MI

Muhammadamin Ibragim... in FrontCoder
Margarita 333
Фаерфокс не поддерживает overflow: overlay. Из-за этого с таблицей происходит такая шняга. Как это пофиксить?
Спрятать скролл тоже не вариант, т.к. нужно спрятать только y, нижний x должен работать (гуглила, что с сохранением функциональности это реально сделать только с помощью уменьшения ширины, однако ширину можно уменьшить только сразу у обоих (x и y), а  мне надо у одного)
почему у вас 2 отделных таблиц может лучше чтобы это было одной таблицой?
источник

PE

Polina Emelyanova in FrontCoder
Margarita 333
Это табличные данные
-/+ код, бы.
источник

MI

Muhammadamin Ibragim... in FrontCoder
Anatoliy Salamatin
не всегда. Дивами визуально все тоже самое,  но больше гибкости в итоге
может вам как разработчику это удобьно но для полователя с скринридером лучше настаяшая таблица
источник

AS

Anatoliy Salamatin in FrontCoder
Muhammadamin Ibragimov
может вам как разработчику это удобьно но для полователя с скринридером лучше настаяшая таблица
у нас проект узконаправленный, так что с этим проблемы нет
источник

M3

Margarita 333 in FrontCoder
Нереально одной таблицей т. к. как писала выше надо чтобы:
1) хэдер был фиксирован если скролл им вниз, но левая колонка скроллится вниз с данными.
2) левая колонка была фиксирован если скролл в право. Скроллится хэдэр.
3) данные динамичные, все ячейки всегда фиксированной ширины и высоты.
4) пробовала менять на дивы и не получилось
источник

PE

Polina Emelyanova in FrontCoder
В любом случае, для ТАБЛИЧНЫХ данных - нужен <table>

Скроллы прячутся за счет доп оберток.

Отдельные КОЛОНКИ можно прибить только через JS, т.к. Структура таблицы - это Строки
источник

MI

Muhammadamin Ibragim... in FrontCoder
Anatoliy Salamatin
у нас проект узконаправленный, так что с этим проблемы нет
+ в каком может помочь и по SEO
источник

M3

Margarita 333 in FrontCoder
У меня итак там Дж с
источник