6

在设置数据表的列宽时需要一些帮助。但是，数据表的宽度似乎并不统一。数据表中列的宽度，似乎因列标题长度而异。请参考下面的代码。

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

在上述情况下，列标题值长度“查看销售历史/预测”似乎很大，因此列宽度似乎也根据列标题文本值扩大。您能否让我知道是否有任何方法可以实际保持列宽的一致性，并且不依赖于列标题文本值。

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

4

3 回答 3

13

要为数据表设置列宽，请为数据表设置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>
于 2013-03-19T06:43:36.200 回答
7 
<p:dataTable id="id"  value="#{bean.mainList}"  var="dp" tableStyle="width:auto"  resizableColumns="true"  >

tableStyle="width:auto" , resizableColumns="true"这将有助于适应列

于 2015-06-07T08:52:00.920 回答
5

表格元素上的 style="table-layout: fixed" 是您要查找的内容。默认表格布局为“自动”，确保没有单元格小于内容。请注意，无法容纳的文本会溢出。

于 2012-06-21T15:05:17.577 回答