豊富な列の幅：データテーブル

Question

私は使用している私のWebページの1つで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> 

：私は

1のように試してみました。このため、列に幅を設定する必要がある列）width="100px"

2）headerClass="myWidth"とCSSファイルでmyWidthを宣言し、 .myWidth {width:100px;}（ column width in rich:datatable） に記載されていますが、どちらも機能しませんでした。

誰でもカラム幅を設定できます。

Answer 1

rich：dataTableのcolumnClasses属性を使用し、各列にクラスまたは同じクラスを指定します。

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

Answer 2

豊富ことをあなたが選択した列の幅を設定したい場合は、別のオプション：今、あなたは簡単に幅だけでなく、を定義することができます

<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> 

：dataTableのが提供するあなたはこのような何かを行うことができますですCSSクラスセレクタ を使用したいCSSプロパティ

.column1{ 
    width:30%; 
}