Широкие таблицы сжимаются на опубликованных страницах

Привет, друзья,

Я пытаюсь улучшить внешний вид своих опубликованных страниц, так как широкие таблицы выглядят очень сжатыми.


редактирование: вот ссылка на страницу

Я пробовал использовать CSS, чтобы создать границы таблиц и максимизировать ширину таблиц,
но, кажется, на опубликованной странице компоненты темы не отображаются :smiling_face_with_tear:

Есть ли у кого-нибудь идеи, как сделать широкие таблицы более привлекательными?

редактирование 2: сохраняются ли просмотры опубликованных страниц?

CSS по-прежнему должен работать на опубликованных страницах — вероятно, проблема только в JavaScript и подобных вещах.

У него, конечно, есть свои специфические классы.

В этой опубликованной странице и таблице есть две проблемы.

Контейнер content-wrapper кажется немного маленьким.

Вы можете попробовать исправить это, изменив свойство max-width (первая часть CSS); вы можете изменить значение, и страница останется адаптивной.

Затем свойство width:100% для таблицы не работает, вероятно, потому что CSS на опубликованной странице немного отличается. Я добавил вторую часть в пользовательский CSS, чтобы исправить это.

Вот код:

.published-page {
  .published-page-content-wrapper {
    max-width: 1200px;
    width: 100%;
  }
  .md-table .table {
    width: 100%;
  }
}

Вау, спасибо! Код действительно сделал страницу намного лучше! Но таблица всё ещё кажется немного сжатой? Есть ещё какие-то идеи?

Вот как это выглядит на платформе: