Таблица в tinymce

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<table  class="table table-hover">

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

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

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

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

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

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

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

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

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

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