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

上記の場合、「View Sales History/Forecast」の列ヘッダー値の長さが大きいように見えるため、列ヘッダーのテキスト値に応じて列幅も拡張されるようです。列幅の均一性を実際に維持し、列ヘッダーのテキスト値に依存しない方法があれば教えてください。

列ヘッダーのテキストの長さが長すぎる場合、列幅の均一性を維持する方法はありますか?? 手伝ってください。前もって感謝します

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

table 要素の style="table-layout: fixed" が探しているものです。デフォルトのテーブル レイアウトは「自動」で、コンテンツよりも小さいセルがないことを確認します。収まらないテキストははみ出すことに注意してください。

于 2012-06-21T15:05:17.577 に答える