Переопределение ширины таблицы, установленное роликом темы jQuery

Question

Я создал тему из ролика тем jQuery и применил ее к таблице (DataTable.net).

Проблема в том, что ролик применяет ширину к таблице с помощью jQuery, отвергая мои попытки определить ширину в моем css-файле. Это было бы хорошо, если бы не было, потому что есть несколько дополнительных пикселей, которые заставляют появиться полосу прокрутки. Я хочу иметь ширину, чтобы панель не была видна до того, как пользователь, возможно, увеличит размер столбца.

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

Кто-нибудь знает, как переопределить стиль, добавляемый роликом?

Answer 1

Я считаю, что темы ThemeRoller по умолчанию дают ширину 100%.Прелесть этого в том, что все, что вам нужно сделать, это завернуть его в другой контейнер.Для абсолютных приверженцев строгой семантики это дополнительный узел в DOM, который не служит наилучшей возможной цели с точки зрения разметки.Сам я очень хочу добавить оболочку в таких случаях.

Я использую ThemeRoller и сетку DataTables (так, не 100% ширины страницы!) Вот скелет моей разметки:

<div id="someTable" class="halfbox">
  <table id="dataTable-foo"></table>
</div>

И у CSS есть несколько правил, но сводится к:

.halfbox { width: 50%; /* or fixed pixel value */ }

Я бы сомневался, что 50% буквально сработает идеально (поля, отступы и т. Д.), НоВы понимаете, что ширина - это обертка, а не таблица.

Answer 2

Если вы установите ширину с помощью CSS в атрибуте style, он должен переопределить все правила в таблице стилей.Кроме того, попробуйте добавить «! Важное» в конец правила.

.element { width: 100px !important; }