Question

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

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

Answer 1

如果有人知道如何使用phpmyedit进行此操作，我将保持打开状态，但我最终只是使用jquery在doc ready上添加类。

Answer 2

也许你可以将.table Bootstrap CSS属性添加到PHPMyEdit table类中？（而不是使用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;
}

是否可以在phpMyEdit生成的表中添加html类？

3 个答案: