D1D1D1D
Advanced Member | Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Привет! Следующий виджет при отображении в телефонном режиме, когда экран Уже семисот пикселей, скрывает две второстепенные колонки, чтобы для основного содержимого других колонок осталось больше места.
См. скрин https://i.imgur.com/r9TYLvt.jpg
Это делает следующий фрагмент кода из файла "index.js" —
Код: /* скрытие опред-ных столбцов по классу, когда экран меньше... */
customizeColumns(col) {
col.forEach(arr => {
if (screen.width <= 700) {
if (arr.cssClass === "c" || arr.cssClass === "e") {
arr.visible = false;
$('.dx-datagrid-header-panel .dx-button-mode-contained').closest('div').css('background-color', '#FFC0C7').addClass('dx-button-mode-contained');
}
}
});
}, |
То есть, скрывает объявленные в этом же файле
Код: dataField: 'c',
и
dataField: 'e', |
Возникла идея, чтобы при таком отображении, срабатывали следующие стили, которые две видимые на скрине колонки, превращают в одну колонку, тем самым дополнительно увеличивая место —
Код: .dx-data-row .b { display: grid;
grid-auto-columns: 100% !important;
}
.dx-data-row .d { display: grid;
grid-auto-columns: 100% !important;
} |
Вопрос. Как правильно добавить приведенные стили во фрагмент кода, скрывающий столбцы по классу? А так же добавить команду уменьшения ширины колонки "d" (см. width: '42%') до предела? |
Всего записей: 1506 | Зарегистр. 05-04-2010 | Отправлено: 22:37 07-02-2023 | Исправлено: D1D1D1D, 22:38 07-02-2023 |
|
). Не спец в этой части, к сожалению 
( 
