1

データテーブルの幅を修正したい。

私は<p:dataTable> </p:dataTable>PrimeFaces 3.2を使用しています。

css で PrimeFace の DataTable 幅を修正するにはどうすればよいですか?

私はすでに試しました

style="table-layout: fixed; width:100px;"

しかし、うまくいきません

DataTable の完全なコードを追加する

 <p:dataTable id="eventTbl" var="e" value="#{eventBean.eventList}" style="table-layout: fixed; width:100px;"
    paginator="true" rows="20" lazy="true"
    paginatorTemplate=" {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
    dynamic="true">
    <p:column>
        <p:commandButton id="selectButton" update=":form:display"
            action="#{eventBean.getEventDetails(e.eventNum)}"
            oncomplete="eventDialog.show()" icon="ui-icon-search"
            title="View">
        </p:commandButton>
    </p:column>
    <p:column headerText="Event Type" filterBy="#{e.eventType}">
        <h:outputText value="#{e.eventType}" />
    </p:column>
    <p:column headerText="Order Id" filterBy="#{e.orderId}">
        <h:outputText value="#{e.orderId}" />
    </p:column>
    <p:column headerText="Status" filterBy="#{tr.status}">
        <h:outputText value="#{tr.status}" />
    </p:column>
    <p:column headerText="Event Date" filterBy="#{e.eventDate}">
        <h:outputText value="#{e.eventDate}" />
    </p:column>
    <p:column headerText="Event Number" filterBy="#{e.eventNum}">
        <h:outputText value="#{e.eventNum}" />
    </p:column>
    <p:column headerText="Request Number" filterBy="#{e.requestNum}">
        <h:outputText value="#{e.requestNum}" />
    </p:column>
    <p:column headerText="Masked Pan" filterBy="#{e.maskedPan}">
        <h:outputText value="#{e.maskedPan}" />
    </p:column>
    <p:column headerText="Card Name" filterBy="#{e.cardName}">
        <h:outputText value="#{e.cardName}" />
    </p:column>
    <p:column headerText="Reference Number" filterBy="#{e.refNumb}">
        <h:outputText value="#{e.refNumb}" />
    </p:column>
</p:dataTable>
4

3 に答える 3

1

スタイルの代わりに tableStyle を使用します。

于 2013-02-19T09:33:41.267 に答える
0

入力およびボタンフォーム要素のスタイルクラスにmin-widthsまたはwidth属性があると確信しています。

これをfirebugで確認します（これらの入力フィールドの1つを選択し、それに添付されているスタイルでmin-widthまたはwidth属性を確認します）。

それらのいずれかがある場合は、それらの幅が適用されるため、それらを削除またはサイズ変更してみてください。親（テーブル）要素に設定した幅は関係ありません。

マークに挨拶

于 2013-02-19T09:19:05.710 に答える