Добро пожаловать в форум, Guest  >>   Войти | Регистрация | Поиск | Правила | В избранное | Подписаться
Все форумы / Oracle APEX Новый топик    Ответить
 Ширина колонок в таблице. APEX 4.0  [new]
well9999
Member

Откуда: Белгородская обл.
Сообщений: 135
Задача такая. В таблице две колонки. Они имеют фиксированную ширину.
Одна из колонок не должна отображаться при определённых условиях.
Как сделать так, чтобы при скрытии колонки, другая колонка растягивалась бы на ширину скрытой(заполняла регион репорт по всей ширине)?
Если ставлю в атрибутах display:block;width;overflow:auto;, то колонка растягивается, но если длина строки меньше ширины скрытой колонки, ширина колонки уменьшается. А нужно чтобы ширина колонки была постоянна при любой длине строки.
19 апр 17, 12:47    [20414045]     Ответить | Цитировать Сообщить модератору
 Re: Ширина колонок в таблице. APEX 4.0  [new]
blkangel
Member

Откуда:
Сообщений: 1664
Вообще тебе в другую ветку.
Но мне кажется ты мудришь. style="width:100%;" для колонок и таблицы будет достаточно.
20 апр 17, 12:59    [20418397]     Ответить | Цитировать Сообщить модератору
 Re: Ширина колонок в таблице. APEX 4.0  [new]
SvDev
Member

Откуда: Челябинск
Сообщений: 1950
well9999,

Если ширина фиксированная, это значит где-то есть стиль с фиксированным значением width: ...px
Значение для стиля в зависимости от условия можно передать в свойствах столбца html expression, в теге div, например
20 апр 17, 14:21    [20418853]     Ответить | Цитировать Сообщить модератору
 Re: Ширина колонок в таблице. APEX 4.0  [new]
well9999
Member

Откуда: Белгородская обл.
Сообщений: 135
blkangel
Нет, при style="width:100%;" столбцы будут изменять ширину в зависимости от содержимого.
Мне нужно, чтобы колонки и таблица имели фиксированные размеры независимо от содержимого. И при этом, если один из столбцов скрыть, другой должен занимать пространство двух столбцов по ширине и эта ширина тоже должна быть фиксированной.
20 апр 17, 14:35    [20418904]     Ответить | Цитировать Сообщить модератору
 Re: Ширина колонок в таблице. APEX 4.0  [new]
SvDev
Member

Откуда: Челябинск
Сообщений: 1950
well9999,

А вообще, я плохое решение подсказал.
Можно простым css, используйте соседние селекторы, которые срабатывают, если второй столбец находится сразу за предпоследним, примерно:

th[id="COL_ALIAS1"] + th[id="COL_ALIAS3"] {width:1000px}
20 апр 17, 14:44    [20418946]     Ответить | Цитировать Сообщить модератору
 Re: Ширина колонок в таблице. APEX 4.0  [new]
blkangel
Member

Откуда:
Сообщений: 1664
well9999
blkangel
Нет, при style="width:100%;" столбцы будут изменять ширину в зависимости от содержимого.
Мне нужно, чтобы колонки и таблица имели фиксированные размеры независимо от содержимого. И при этом, если один из столбцов скрыть, другой должен занимать пространство двух столбцов по ширине и эта ширина тоже должна быть фиксированной.
20 апр 17, 14:58    [20419038]     Ответить | Цитировать Сообщить модератору
 Re: Ширина колонок в таблице. APEX 4.0  [new]
blkangel
Member

Откуда:
Сообщений: 1664
well9999
blkangel
Нет, при style="width:100%;" столбцы будут изменять ширину в зависимости от содержимого.
Мне нужно, чтобы колонки и таблица имели фиксированные размеры независимо от содержимого. И при этом, если один из столбцов скрыть, другой должен занимать пространство двух столбцов по ширине и эта ширина тоже должна быть фиксированной.

Я и говорю, это в другую ветку надо по дизайну.
Я совсем забыл, что именно в таблицах, width:100% отрабатывает так криво, все остальные элементы растягиваются по ширине.
20 апр 17, 14:59    [20419049]     Ответить | Цитировать Сообщить модератору
 Re: Ширина колонок в таблице. APEX 4.0  [new]
SvDev
Member

Откуда: Челябинск
Сообщений: 1950
т.е. примерно:

#COL_ALIAS2 {width: 500px}
#COL_ALIAS3 {width: 500px}
#COL_ALIAS1 + #COL_ALIAS3 {width: 1000px ! important}


или если столбцы стоят в начале

#COL_ALIAS2 {width: 500px}
#COL_ALIAS3 {width: 500px}
#COL_ALIAS3:first-child {width: 1000px ! important}


прописать в css (+ прибавить к сумме ширину внутренней рамки + ширина padding, используйте dom инспектор браузера, чтобы посмотреть значения)

ну а вопросы если есть чисто по css, это в другой раздел.
20 апр 17, 15:22    [20419172]     Ответить | Цитировать Сообщить модератору
 Re: Ширина колонок в таблице. APEX 4.0  [new]
blkangel
Member

Откуда:
Сообщений: 1664
SvDev
т.е. примерно:

#COL_ALIAS2 {width: 500px}
#COL_ALIAS3 {width: 500px}
#COL_ALIAS1 + #COL_ALIAS3 {width: 1000px ! important}


или если столбцы стоят в начале

#COL_ALIAS2 {width: 500px}
#COL_ALIAS3 {width: 500px}
#COL_ALIAS3:first-child {width: 1000px ! important}


прописать в css (+ прибавить к сумме ширину внутренней рамки + ширина padding, используйте dom инспектор браузера, чтобы посмотреть значения)

ну а вопросы если есть чисто по css, это в другой раздел.



Эхххх, лучше сразу в другой раздел, чем устанавливать ширину абсолютными величинами, это неправильная разметка. И работать будет не везде.
20 апр 17, 16:32    [20419547]     Ответить | Цитировать Сообщить модератору
 Re: Ширина колонок в таблице. APEX 4.0  [new]
SvDev
Member

Откуда: Челябинск
Сообщений: 1950
blkangel,

Норм, работать будет и в мобильных браузерах. Только для них, если принципиально, можно еще использовать адаптивную вёрстку, прописав разные значения через @media
20 апр 17, 16:49    [20419607]     Ответить | Цитировать Сообщить модератору
 Re: Ширина колонок в таблице. APEX 4.0  [new]
blkangel
Member

Откуда:
Сообщений: 1664
SvDev,

Смеешь что ли?
С абсолютными величинами, будет хорошо выглядеть ТОЛЬКО на твоем компе. (С твоим разрешением и твоим масштабом).
Я про мобильные устройства даже рот не открываю. Первое проставление абсолютной величины, это первая ступень начала кривоты и подгона.
20 апр 17, 17:15    [20419705]     Ответить | Цитировать Сообщить модератору
 Re: Ширина колонок в таблице. APEX 4.0  [new]
SvDev
Member

Откуда: Челябинск
Сообщений: 1950
blkangel,

Не согласен. Десктоп браузеры давно уже умеют масштабировать в том числе и фиксированную ширину, тоже самое с мобильными телефонами, у которых сейчас разрешение 720 или 1080p.

Немного офф., но ,имхо, в интернет сегменте 3 большие беды при работе с мобильного телефона: флеш; абсолютно позициируемые элементы сайта неправильного размера, которые перекрывают другие элементы и мешают работать; 3 - мобильные приложения, без возможности переключиться в полнофункциональный режим. Всё остальное на практике вполне удобно сёрфить с мобильным телефоном. Фиксированная ширина по сравнению с этим - мелочь.

Дальше, удобство зависит от содержимого. В зависимости от типа содержимого сжатый элемент может выглядеть хуже даже в мобильном телефоне, растянутый - хуже даже в десктоп браузере, поэтому в ряде случаев лучше подобрать оптимальную ширину. И даст ли здесь резиновая верстка ТСу пользу или вред, я бы не судил однозначно.

3-тье, у яваскрипта много недостатков, имхо, предложенный вариант лучше, чем писать js.
Если у вас есть решение через css с резиновой версткой, которое делает одинаковую ширину, напишите, я таких не видел, тем более в table, где на уровне столбцов резиновая верстка настраивается плохо, я бы не стал и пытаться.
20 апр 17, 21:17    [20420273]     Ответить | Цитировать Сообщить модератору
 Re: Ширина колонок в таблице. APEX 4.0  [new]
SvDev
Member

Откуда: Челябинск
Сообщений: 1950
погуглил немного, всё-таки css развивается, для резиновой верстки, если она дей-но нужна там, можно попробовать использовать предыдущий подхой с функцией calc (задать в процентах и вычесть фиксированную часть; для старых браузеров можно сделать одновременно вариант с фиксированной шириной, добавить к главным правилам селекторы какие-нибудь, которые добавляют вес/приоритет)
20 апр 17, 23:31    [20420555]     Ответить | Цитировать Сообщить модератору
 Re: Ширина колонок в таблице. APEX 4.0  [new]
Petro123
Member

Откуда: Загрузочный сектор Москвы (AutoPOI.ru)
Сообщений: 30363
SvDev
3 - мобильные приложения, без возможности переключиться в полнофункциональный режим.

это не понял о чём ты.
SvDev
поэтому в ряде случаев лучше подобрать оптимальную ширину

делают ещё проще
https://habrahabr.ru/
для мобильных:
https://m.habrahabr.ru/
21 апр 17, 08:54    [20420936]     Ответить | Цитировать Сообщить модератору
 Re: Ширина колонок в таблице. APEX 4.0  [new]
SvDev
Member

Откуда: Челябинск
Сообщений: 1950
Petro123,

Офф.:
На хабре, как положено, кроме разве что функция меню полная версия не работает, не доделали немножко, но хотя бы есть кнопка полная версия, чего не скажешь о некоторых других сайтах. Намного лучше, когда мобильной версии нет совсем, чем когда она есть, но нет кнопки переключиться на полнофункциональную версию. Доставляет проблем больше, даже чем flash, который, например, мобильный firefox пока еще пусть пусть худо-бедно, но поддерживает. А вот это хрен обойдешь, причем из-за отсутствия каких-нибудь функций в мобильной версии сайтом становиться как-правило пользоваться или невозможно, или очень неприятно.
21 апр 17, 09:32    [20421047]     Ответить | Цитировать Сообщить модератору
 Re: Ширина колонок в таблице. APEX 4.0  [new]
SvDev
Member

Откуда: Челябинск
Сообщений: 1950
В мобильных браузерах на самом виду есть функция полная версия, очень удобная, но сайты не всегда на нее умеют реагировать, делают свои кнопки =
21 апр 17, 09:43    [20421088]     Ответить | Цитировать Сообщить модератору
 Re: Ширина колонок в таблице. APEX 4.0  [new]
Petro123
Member

Откуда: Загрузочный сектор Москвы (AutoPOI.ru)
Сообщений: 30363
SvDev,
SvDev
но хотя бы есть кнопка полная версия

она не на сайте. Она в браузере есть
20380618
Просто я эту галку
редко включаю.
Например, на SQL-ru не включаю и т.д.
21 апр 17, 09:47    [20421103]     Ответить | Цитировать Сообщить модератору
 Re: Ширина колонок в таблице. APEX 4.0  [new]
Petro123
Member

Откуда: Загрузочный сектор Москвы (AutoPOI.ru)
Сообщений: 30363
SvDev
но сайты не всегда на нее умеют реагировать,

у них нет отдельных страниц для m.
Им лень.
21 апр 17, 09:48    [20421107]     Ответить | Цитировать Сообщить модератору
 Re: Ширина колонок в таблице. APEX 4.0  [new]
Petro123
Member

Откуда: Загрузочный сектор Москвы (AutoPOI.ru)
Сообщений: 30363
SvDev,
вот, кстати резиновая вёрстка
https://alistapart.com/
Но я не уверен что лучше.
Делать с m.xxxxxx.ru или резиновую.
Ты прав, надо смотреть.
Удачи!
21 апр 17, 09:53    [20421141]     Ответить | Цитировать Сообщить модератору
 Re: Ширина колонок в таблице. APEX 4.0  [new]
well9999
Member

Откуда: Белгородская обл.
Сообщений: 135
SvDev, blkangel, спасибо, буду разбираться с CSS и jQuery.
21 апр 17, 10:17    [20421235]     Ответить | Цитировать Сообщить модератору
Все форумы / Oracle APEX Ответить