富列中的列寬：數據表

我正在使用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>

在富之一：i列需要設置寬度爲柱，此我試圖像

1）width="100px"

2）headerClass="myWidth"並宣佈在CSS文件myWidth， .myWidth {width:100px;}（如 column width in rich:datatable）中提到的，但兩者都不起作用。

任何人都可以幫助我設置列寬。

來源

2011-05-06 aj_us

我還嘗試了中的columnsWidth選項併爲每列設置寬度，但它也沒有工作。 – 2011-05-06 07:55:30

重複的問題：http://stackoverflow.com/questions/3512682/column-width-in-richdatatable/3527721#3527721 – 2011-05-06 09:38:14

對不起復制問題。首先，我提出了一個問題，我也嘗試實現在這個問題中提供的解決方案，但不知何故，它不適合我。即使在我的問題中，我已經給出了富含鏈接的問題列寬：datatable（http://stackoverflow.com/questions/3512682/column-width-in-richdatatable）。我仍然試圖解決這個問題。請任何人幫忙 – 2011-05-09 03:55:33

使用rich：dataTable的columnClasses屬性併爲每列提供一個類或相同的類。

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

來源

2011-06-08 13:35:19 besc

如果你想設置選定列的寬度，則另一個選項豐富：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類選擇器例如;

.column1{ 
    width:30%; 
}

來源

2014-06-24 02:58:26 NarendraSoni

富列中的列寬：數據表

回答

相關問題