覆盖richdatatable中单个列的css

Question

我使用的是jsf 1.2。我的rich:dataTable的列的css如下所示：

 .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;"> 

它的单列向左对齐，所有其他列都对齐到中心(根据要求)，但它的left_aligned太紧了。我想从左边框起留出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来覆盖你已经声明的类。