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

Question

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

phpmyedit 对于那些不熟悉的人：http ://www.phpmyedit.org/

Answer 1

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

Answer 2

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

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;
}