Comment définir la largeur d'un p:colonne dans une p:dataTable dans PrimeFaces 3.0?

Je suis l'aide de PrimeFaces 3.0-M3 et j'ai un <p:dataTable> avec deux colonnes en elle. Je veux la première colonne à être fixé à une largeur de 20px. L'autre colonne peut utiliser tout l'espace qui est laissé.

Voici des captures d'écran de ce que je suis actuellement:

Comment définir la largeur d'un p:colonne dans une p:dataTable dans PrimeFaces 3.0?

Comment définir la largeur d'un p:colonne dans une p:dataTable dans PrimeFaces 3.0?

La première <p:column> semble ignorer les style paramètre qui doit avoir limité la largeur. Il est de taille trop grand pour le petit carré de couleur qui est le seul contenu à l'intérieur, et puis de l'autre colonne est poussé trop loin vers la droite.

Ici, c'est plus de mon Facelet code:

<p:dataTable
        id="dataTableExpressions"
        value="#{catconBean.userDefinedExpressionDataModel}"
        var="currentRow"
        emptyMessage="!! EMPTY TABLE MESSAGE !!"
        selection="#{catconBean.userDefinedExpressionToEdit}"
        selectionMode="single">
    <p:ajax 
            event="rowSelect" 
            listener="#{catconBean.onUserDefinedExpressionRowSelect}"
            update=":toolbarForm:catconToolbar" />
    <p:ajax 
            event="rowUnselect" 
            listener="#{catconBean.onUserDefinedExpressionRowUnselect}"
            update=":toolbarForm:catconToolbar" />

    <p:column id="paletteColor" style="width:20px;">
        <h:panelGroup 
                layout="block"
                rendered="#{not empty currentRow.paletteColor}"
                style="width:16px;height:16px;border:thin;border-style:solid;border-color:black;background-color:##{currentRow.paletteColor.RGB};" />
        <h:panelGroup 
                layout="block"
                rendered="#{empty currentRow.paletteColor}"
                style="width:16px;height:16px;border:thin;border-style:dashed;border-color:red;background-color:white;text-align:center;">
            <h:outputText value="?" style="color:red;font-weight:bold;" />
        </h:panelGroup>
    </p:column>

    <p:column id="name">
        <f:facet name="header">
            <h:outputText value="#{bundle.catcon_label_CategoryName}" />
        </f:facet>
        <h:outputText 
            value="#{currentRow.name}"
            style="#{not currentRow.definitionComplete ? 'color:red;' : ''}" />
    </p:column>
</p:dataTable>

Quelqu'un peut me dire comment modifier mon Facelet code pour faire la première colonne ont une largeur fixe de 20px?

InformationsquelleAutor Jim Tough | 2011-09-15