如何修复动态数据表列的宽度

Question

下图中的数据是动态的＆amp;实际上并不好看。 我想修复这些列的宽度。

                        <p:row styleClass="ui-panelgrid-cell" rowspan="2">

                        <p:column>
                            <div style="overflow: auto; width: 100%;">
                                <p:dataTable var="tPreferences"
                                    value="#{userPreferences.preferences}"
                                    emptyMessage="No Questions Found." id="pTable" styleClass="borderless">
                                    <p:column headerText="PREFERENCES">
                                        <h:outputText id="sName" styleClass="cellLabelMand"
                                            value="#{tPreferences.shortText}" />

                                        <h:outputText value="&lt;br/&gt;&lt;br/&gt;" escape="false" />
                                        <h:selectManyCheckbox id="grid"
                                            value="#{tPreferences.preferencesSelectedItem}"
                                            layout="grid" columns="1">

                                            <f:selectItems value="#{tPreferences.catList}" var="pref" />

                                        </h:selectManyCheckbox>
                                    </p:column>
                                </p:dataTable>
                            </div>
                        </p:column>
                    </p:row>