PrimeFaces 3.0 -

заголовки не совпадают с использованием scrollable = «true»

У меня есть веб-приложение JSF 2, в котором используются компоненты PrimeFaces 3.0. На одной странице я использую компонент внутри составного компонента для отображения таблицы объектов. Я добивался успеха с этим компонентом, пока не попытался использовать параметр scrollable = "true" . Теперь заголовки столбцов таблицы не совпадают с содержимым столбца. Я пробовал использовать IE 7 (который является целевым браузером для моей клиентской среды) и Firefox 4.0.1 для сравнения. У обоих есть проблема, но она более выражена в IE 7.

Снимок экрана IE 7 :

IE 7 screenshot

Снимок экрана Firefox 4.0.1 :

Firefox 4.0.1 screenshot

Вот некоторые из моих кодов страницы Facelet:

<p:dataTable
        id="vesselsDataTable"
        value="#{cc.attrs.vesselAdapterList}"
        var="currentRow"
        selection="#{editVesselBean.selectedRow}"
        selectionMode="single"
        scrollable="true"
        height="500">
    <p:column
            id="imoColumn"
            style="width:45px"
            sortBy="#{currentRow.imo}">
        <f:facet name="header">
            <h:outputText value="IMO" />
        </f:facet>
        <div class="#{currentRow.imoStyleClass}">
            <h:outputText value="#{currentRow.imo}"
        </div>
    </p:column>
    <p:column
            id="notesIndicatorColumn"
            style="width:35px"
            sortBy="#{currentRow.hasNotes}">
        <f:facet name="header">
            <h:outputText value="#{bundle.labelNotes}" />
        </f:facet>
        <h:outputText 
            styleClass="noteIndicator"
            id="vesselNotesIndicator"
            value="#{bundle.stringNoteIndicatorText}"
            title="#{currentRow.notesAsTooltipText}"
            rendered="#{currentRow.hasNotes}"
    </p:column>
    <ui:remove>other column definitions omitted for brevity...</ui:remove>
<p:dataTable>

Каждый из моих столбцов имеет стиль с определенной фиксированной шириной в пикселях, а для самой таблицы данных установлен атрибут height . Похоже, это то же самое, что показано в демонстрации Showcase и в PDF-файле руководства 2.2.

Цитата из руководства:

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

Кто-нибудь может сказать мне, что я делаю неправильно?

Я использую текущий PrimeFaces 3.0-M2-SNAPSHOT с текущая версия Mojarra 2.1 JSF RI.

ОБНОВЛЕНИЕ

Я перешел на выпуск PrimeFaces 3.0-M2 (не моментальный снимок), и проблема все еще существует. Следуя предложениям Maple и BalusC, я (временно) удалил сортировку столбцов и попробовал разные типы документов. Наконец я остановился на типе документов XHTML 1.0 Strict. Он не показывает никаких улучшений в IE 7, но показывает некоторые улучшения в Firefox 4.

IE 7 с XHTML 1.0 Strict

IE 7 with XHTML 1.0 Strict

Firefox 4 с XHTML 1.0 Strict

Firefox 4 with XHTML 1.0 Strict

находится внутри , который находится внутри . Может ли это быть связано?

15
задан Jim Tough 8 July 2011 в 11:54
поделиться