是否可以将 html 类添加到 phpMyEdit 生成的表中？答案

【问题标题】：Is it possible to add an html class to the tables generated by phpMyEdit?是否可以将 html 类添加到 phpMyEdit 生成的表中？
【发布时间】：2013-09-04 09:54:57
【问题描述】：

我想使用 Bootstrap 3 为 PHPMyEdit 创建的表格设置样式（Bootstra 3 需要将“表格”类添加到表格中以设置样式），但我找不到向表格添加类的方法它创建。我可以编写自己的样式来定位其自动添加的类，但我不想那样做。

phpmyedit 给不熟悉的人：http://www.phpmyedit.org/

【问题讨论】：

标签： php css twitter-bootstrap-3

【解决方案1】：

如果有人知道使用 phpmyedit 的方法，我将保持打开状态，但我最终只是使用 jquery 在 doc 上添加类。

【讨论】：

【解决方案2】：

也许您可以将 .table Bootstrap CSS 属性添加到 PHPMyEdit table 类？（而不是使用 jQuery 在 table 元素上添加 .table 类...）

【讨论】：

【解决方案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;
}

【讨论】：