Можно ли добавить класс html в таблицы, сгенерированные phpMyEdit?

Question

Я хотел бы использовать Bootstrap 3 для создания таблиц, созданных PHPMyEdit (для Bootstra 3 требуется класс «table», добавленный к таблице в стиль), но я не могу найти способ добавить класс в таблицу it создает. Я мог бы писать свои собственные стили для таргетинга своих добавленных автоклавов, но я бы предпочел не делать этого таким образом.

phpmyedit для тех, кто незнаком: http://www.phpmyedit.org/

Answer 1

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

Answer 2

Возможно, вы можете добавить свойства CSS Bootstrap в класс PHPMyEdit table? (вместо добавления .table класс на table элемента с JQuery ...)

Answer 3

Извините ответить так поздно, но я несколько решил эту проблему путем копирования стилей, используемых Bootstrap более в таблицу стилей.

Добавление параметра ! Important гарантирует, что эти общие классы используются вместо встроенных стилей страниц.

Вот css, возникший в результате этого перехода, имейте в виду, что он не является полным.

table.pme-main { 
    margin-top:10px; 
    padding: 8px !important; 
    line-height: 1.42857143 !important; 
    vertical-align: top !important; 
    border: 0px !important; 
    border-top: 1px solid #ddd !important; 
    width: 75% !important; 
    max-width: 1920px !important; 
    background-color: transparent !important; 
    color:black !important; 
} 

td.pme-navigation-0, 
td.pme-navigation-1 { 
    white-space: nowrap; 
} 
th.pme-header { 
    border: 0px !important; 
    vertical-align: bottom !important; 
    border-bottom: 2px solid #ddd !important; 
    background: #F8F8F8 !important; 
    color:black !important; 
} 
td.pme-key-0, 
td.pme-value-0, 
td.pme-help-0, 
td.pme-navigation-0, 
td.pme-cell-0, 
td.pme-key-1, 
td.pme-value-1, 
td.pme-help-0, 
td.pme-navigation-1, 
td.pme-cell-1, 
td.pme-sortinfo, 
td.pme-filter { 
    border: 0px !important; 
    border-top: 1px solid #ddd !important; 
    padding: 3px; 
}