设置Datatable primefaces的列宽

Question

在设置数据表的列宽时需要一些帮助.但是,数据表宽度似乎不一致.数据表中列的宽度似乎取决于列标题长度.请参考下面的代码.

 <p:column style="text-align: left; width:15px;" >
           <f:facet name="header">
              <h:outputText id="SalesHistoryID" value="View Sales History/Forecast"/>
           </f:facet>
           <h:commandLink  id="ForecastID" value="View"/>

在上述情况下,列标题值长度"查看销售历史/预测"似乎很大,因此列宽似乎也会根据列标题文本值进行扩展.如果有任何方法可以实际保持列宽的均匀性并且不依赖于列标题文本值,请告诉我.

如果列标题文本长度太大,有没有办法保持列宽的均匀性？请协助.提前致谢

Answer 1

要设置数据表的列宽,请为datatable设置resizableColumns ="true"属性,然后使用width ="10"为列设置特定列的宽度,这就是它:)

<p:dataTable id="dataTable" var="question" value="#{QuestionsMB.questionsList}" rowKey="#{question.id}"
                        paginator="true" rows="10" selection="#{QuestionsMB.selectedQuestions}" 
                        paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                        lazy="true" rowsPerPageTemplate="10,15,50,100"
                        resizableColumns="true"
                        emptyMessage="No question found with given criteria" >
                <f:facet name="header">
                    Questions List
                </f:facet> 

                <p:column selectionMode="multiple"/> 

                <p:column id="questionHeader" width="10">
                    <f:facet name="header">
                        <h:outputText maxlength="20" value="Question text :" />
                    </f:facet>
                    <p:commandLink value="#{question.questionText}" update=":questionDetailForm:display" oncomplete="questionDialog.show()"  title="View">
                        <f:setPropertyActionListener value="#{question}" target="#{QuestionsMB.selectedQuestion}" />   
                    </p:commandLink>

                </p:column>
</p:dataTable>   

Answer 2

<p:dataTable id="id"  value="#{bean.mainList}"  var="dp" tableStyle="width:auto"  resizableColumns="true"  >

tableStyle="width:auto" , resizableColumns="true" 这将有助于拟合列

Answer 3

table元素上的style ="table-layout:fixed"就是你要找的东西.默认表格布局为"auto",这可确保没有单元格小于内容.无法适应的文本会溢出.