Question

我试图从primefaces 3.1覆盖css类，我正在寻找一个类名来覆盖。我试过了：

.ui-datatable table {}
.ui-datatable .ui-datatable-header,.ui-datatable .ui-datatable-footer {}
.ui-datatable .ui-datatable-header {}
.ui-datatable th,.ui-datatable tfoot td {}
.ui-datatable .ui-datatable-data td,.ui-datatable .ui-datatable-data-empty td{}

但只有行内容集中但无法更改标题bgcolor和其他内容。然后我意识到可能是我覆盖的类可能没有被使用过。令人惊讶的是，我发现生成的源代码没有将它们用作类......

<div id="form:j_id1915418705_722af8cd" class="ui-datatable ui-widget">
<table role="grid"><thead><tr role="row">
    <th id="form:j_id1915418705_722af8cd:j_id1915418705_722af894" class="ui-state-default" role="columnheader">
        <div class="ui-dt-c">
            <span><span class="outputText">Model</span></span>
        </div>
    </th>
    <th id="form:j_id1915418705_722af8cd:j_id1915418705_722af942" class="ui-state-default" role="columnheader">
        <div class="ui-dt-c">
            <span><span class="outputText">Color</span></span>
        </div>
    </th></tr></thead><tfoot></tfoot>

    <tbody id="form:j_id1915418705_722af8cd_data" class="ui-datatable-data ui-widget-content">
        <tr data-ri="0" data-rk="BMW" class="ui-widget-content ui-datatable-even" role="row" aria-selected="false">
            <td role="gridcell">
                <div class="ui-dt-c">
                    <span class="outputText">BMW</span>
                </div>
            </td>
            <td role="gridcell">
                <div class="ui-dt-c">
                    <span class="outputText">Black</span>
                </div>
            </td>
        </tr>
        <tr data-ri="1" data-rk="Audi" class="ui-widget-content ui-datatable-odd" role="row" aria-selected="false">
            <td role="gridcell">
                <div class="ui-dt-c">
                    <span class="outputText">Audi</span>
                </div>
            </td>
            <td role="gridcell">
                <div class="ui-dt-c">
                    <span class="outputText">White</span>
                </div>
            </td>
        </tr>
    </tbody>
</table><input type="hidden" id="form:j_id1915418705_722af8cd_selection" name="form:j_id1915418705_722af8cd_selection" value="" autocomplete="off" />

有人可以告诉我如何更改表格标题，边框，替换行颜色...... 有人可以为我提供一个模式，如何知道PF中的哪个类来覆盖查看生成的源代码。

提前致谢。

Answer 1

第一个类包含在标记中：

<div id="form:j_id1915418705_722af8cd" class="ui-datatable ui-widget">

其他子类自动将其自身应用于其他元素。

如果您将这些样式包含在从头部链接的单独CSS文件中，您的自定义CSS实际上可能会被Primefaces CSS样式覆盖。

要确保自定义CSS适用于页面，请尝试将自定义CSS内联添加到页面正文，然后查看是否适用。

覆盖primefaces 3.1 css for datatable

1 个答案: