Question

我正在使用jsf 1.2。我丰富的列的css：dataTable如下： -

 .cssAllColumns {
    border-right: 1px solid #A0B681;
    border-top: 1px solid #A0B728;
    border-left: 1px solid #A0B681;
    border-bottom: 1px solid #A0B728;
    padding: 1px;
    }
....
<rich:dataTable value="#{employeeBean.employeeList}" ...  columnClasses="cssAllColumns"  .../>

我希望单列左对齐如下

<rich:column id="employeeName" sortable="true" style="text-align:left;cellspacing=5;">

它将单列对齐到左侧，所有其他列对齐到中心（根据要求）但是它的左侧对齐得太紧。我想从左边界留下2到3个字符空格。如何实现？

Answer 1

我从未使用过富表，但如果它们遵循相同的原则，那么你的内联css是不正确的。

更改

<rich:column id="employeeName" sortable="true" style="text-align:left;cellspacing=5;">

到

<rich:column id="employeeName" sortable="true" cellspacing="5" style="text-align:left;">

哦，如果您定义了CSS，请尝试使用内联css中的!important来覆盖您声明的类。

覆盖richdatatable中单个列的css

1 个答案: