изменяемые столбцы richface

Question

Я просто пытаюсь изменить некоторые из наших таблиц, особенно таким образом, чтобы столбцы можно было увеличить или уменьшить, перетаскивая их мышью. К сожалению, я этого не сделал, и мой поиск в Google мне тоже не помог.

Код выглядит так:

<f:facet name="header">
                    <rich:columnGroup>
                        <rich:column styleClass="w-column-align-left" width="auto">
                            <c:if test="#{includeDefaultActionColumn}">
                                <h:outputText
                                    value="#{messages['de.segal.baoss.module.numberrange.entity.NumberRangeName.ImpersonalNumber']}" />
                            </c:if>
                        </rich:column>
                        <rich:column styleClass="w-column-align-left">
                            <h:outputText
                                value="#{messages['invoicing.accountingTransaction.bookingType']}" />
                        </rich:column>
                        <rich:column styleClass="w-column-align-left">
                <h:outputText
                    value="#{messages['de.segal.baoss.documents']}" />
            </rich:column>
            <rich:column styleClass="w-column-align-left">
                            <h:outputText
                                value="#{messages['invoicing.accountingTransaction.transactionDate']}" />
                        </rich:column>
            <rich:column styleClass="w-column-align-left">
                            <h:outputText
                                value="#{messages['invoicing.accountingTransaction.accountingExportDate']}" />
                        </rich:column>
                        <rich:column styleClass="w-column-align-left">
                            <h:outputText
                                value="#{messages['invoicing.booking.generic.bookedBy']}" />
                        </rich:column>
                        <rich:column styleClass="w-column-align-left">
                            <h:outputText
                                value="#{messages['invoicing.accountingTransaction.internalRecordNumber']}" />
                        </rich:column>
                        <rich:column styleClass="w-column-align-left">
                            <h:outputText
                                value="#{messages['invoicing.transactionDetail.amount']}" />
                        </rich:column>
                        <rich:column styleClass="w-column-align-left">
                            <h:outputText
                                value="#{messages['invoicing.accountingTransaction.externalRecordNumber']}" />
                        </rich:column>
                        <c:if test="#{_showStatus}">
                            <rich:column styleClass="w-column-align-left">
                                <h:outputText
                                    value="#{messages['invoicing.accountingTransaction.accountingTransactionStatus']}" />
                            </rich:column>
                        </c:if>
                        <rich:column styleClass="w-column-align-left">
                            <h:outputText value="#{messages['de.segal.baoss.module.article.entity.ConversionRate']}" />
                        </rich:column>
                        <rich:column styleClass="w-column-align-left">
                            <h:outputText value="#{messages['de.segal.baoss.module.article.entity.ConversionRate.date']}" />
                        </rich:column>
                    </rich:columnGroup>
                </f:facet>

Спасибо за помощь, Pascal