Настройка результирующей строки

Подскажите, как настроить результирующую строку так, чтобы ее границы совпадали?

Добавил в результирующую строку в таблицу с итогами, однако ее ширина не совпадает с шириной основной таблицы.

Добрый день,
Прикрепите, пожалуйста, скриншот.

Как видно результирующий слот не совпадает с основной таблицей

Чтобы результирующий слот совпадал по ширине с основной таблицей, выполните следующие шаги:

  1. Откройте “инструменты разработчика” в вашем браузере.
  2. Найдите CSS-селектор :

.Table_with-scrollbar-gutter_Jn2fb {
scrollbar-gutter: stable;
}

  1. Измените значение свойства “scrollbar-gutter” с “stable” на “auto”

    , чтобы получилось:

.Table_with-scrollbar-gutter_Jn2fb {
scrollbar-gutter: auto;
}

После этого результирующий слот будет отображаться корректно и синхронно с основной таблицей.

Вроде поменял, однако, все равно отображается неровно

После исправления

В демонстрации все равно остается stable, хотя в редакторе настройку изменил

Добрый день,
Скорее всего свойство у вас не отработало, в таком случае рекомендую попробовать следующее:

  1. Применить для таблицы класс, например table_s (записать его в css class в панели Стиль);
  2. В редакторе темы ссылаемся на него .table_s , дальше класс со сменой свойства scrollbar-gutter .

Не работает почему-то.


Попробовал все варианты: установить table_s только для главной таблицы, только для результирующей таблицы, для обеих таблиц.

С чем связана проблема? Может нужно как-то по другому формировать таблицу с итогами?

.table_s .Table_with-scrollbar-gutter_Jn2fb {
scrollbar-gutter: auto !important;
}
Между классами .table_s и .Table_with-scrollbar-gutter_Jn2fb поставить пробел
И применить это к результирующей таблице, а не к родительской.

1 лайк