丰富:数据表中列的宽度

Question

我正在使用JSF 1.2，在我的一个网页中我正在使用.我想设置列的宽度。

<rich:dataTable id="dt" border="1" cellpadding="2" cellspacing="0" width="100%">
   <rich:column filterBy="" filterEvent="onkeyup" sortBy=""> 
    <f:facet name="header1">
       <h:outputText value="header1" />
    </f:facet>
    <h:outputText value="myValue1"></h:outputText>
   </rich:column>
   <rich:column filterBy="" filterEvent="onkeyup" sortBy=""> 
    <f:facet name="header2">
       <h:outputText value="header2" />
    </f:facet>
    <h:outputText value="myValue2"></h:outputText>
   </rich:column>
</rich:dataTable>

在 rich：column 之一中，我需要设置列的宽度，为此我尝试了这样的

1） width="100px"

2）在css文件中headerClass="myWidth"并声明myWidth， .myWidth {width:100px;}（如 列宽在丰富：数据表） 但两者都没有奏效。

谁能帮我设置列宽。

Answer 1

使用 rich：dataTable 的 columnClasses 属性，并为每列提供一个类或相同的类。

<rich:dataTable columnClasses="col1Class,col2Class" ...

Answer 2

如果你想设置所选列的宽度，那么rich：dataTable提供的另一个选项是你可以做这样的事情：

<rich:dataTable id="dt" border="1" cellpadding="2" cellspacing="0" width="100%">
  <rich:column filterBy="" filterEvent="onkeyup" sortBy="" styleClass="column1"> 
    <f:facet name="header1">
      <h:outputText value="header1" />
     </f:facet>
    <h:outputText value="myValue1"></h:outputText>
  </rich:column>
  <rich:column filterBy="" filterEvent="onkeyup" sortBy="" styleClass="column2"> 
     <f:facet name="header2">
       <h:outputText value="header2" />
     </f:facet>
     <h:outputText value="myValue2"></h:outputText>
 </rich:column>
</rich:dataTable>

现在，您不仅可以使用CSS类选择器轻松定义宽度，还可以定义所需的任何CSS属性例如;

.column1{
    width:30%;
}