Таблица в tinymce

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО InstantCMS 2.X

Адаптивность таблицы

#1 5 февраля 2022 в 02:16

Ребята, создал страницу и в ней таблицу — прайс лист. Icms 2.15.1 редактор tinymce. Если ширина экрана большая — то все нормально. Если уменьшить — цифры в ячейках съезжают. Прикрепляю скриншоты нормального и съехавшего. Подскажите пожалуйста кто сталкивался и как решить. 

Изображение

Изображение

#2 5 февраля 2022 в 11:04

Насколько я понял, съезжают они потому что колонка слишком узкая и с учетом полей отступа цифры не вмещаются.

Если это не какая-то постоянная проблема и таких таблиц не сотня, проще всего при вставке таблицы в редакторе править код таблицы у узких колонок указывать минимальную ширину в пикселях вместо ширины в процентах.

  1. <td style="min-width: 91px;">

Здесь у tinymce по умолчанию нет кнопки редактирования html-кода, включить её можно в настройках компонента «Wysiwyg редакторы»

#3 5 февраля 2022 в 12:40

Привет всем! Я пользуюсь вот таким сервисом для создания таблиц

Очень удобно.

#4 5 февраля 2022 в 13:02

Привет всем! Я пользуюсь вот таким сервисом для создания таблиц

Алексей Т

Это когда стилей нет. Но в bootsrap(шаблон, я так понимаю, у автора топика — modern) уже есть свои родные стили для таблиц.

#5 5 февраля 2022 в 13:44

Это когда стилей нет. Но в bootsrap(шаблон, я так понимаю, у автора топика — modern) уже есть свои родные стили для таблиц.

IamB

Ничего не мешает добавить селектор и изменить стили

#6 5 февраля 2022 в 14:19

Ничего не мешает добавить селектор и изменить стили

Олег Васильевич я

Если вам так удобнее, почему нет.

Я же предлагаю сделать так

  1. <table class="table table-hover">

и повыкидывать из <tr>, <td> всё, что туда написал tinymce. (Не проверял.)

#7 5 февраля 2022 в 19:06

Я же предлагаю сделать так

IamB

И чем ваше предложение отличается от моего?

#8 5 февраля 2022 в 19:11

И чем ваше предложение отличается от моего?

Олег Васильевич я

Мое конкретнее.

#9 5 февраля 2022 в 19:17

Мое конкретнее.

IamB

А моё универсальнее))

#10 5 февраля 2022 в 23:16

А моё универсальнее))

Олег Васильевич я

Мое первее ))))))) 😝

#11 6 февраля 2022 в 20:13

Спасибо большое, вопрос решен:)

Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.