заголовки не совпадают с использованием scrollable = «true»
У меня есть веб-приложение JSF 2, в котором используются компоненты PrimeFaces 3.0. На одной странице я использую компонент
внутри составного компонента для отображения таблицы объектов. Я добивался успеха с этим компонентом, пока не попытался использовать параметр scrollable = "true"
. Теперь заголовки столбцов таблицы не совпадают с содержимым столбца. Я пробовал использовать IE 7 (который является целевым браузером для моей клиентской среды) и Firefox 4.0.1 для сравнения. У обоих есть проблема, но она более выражена в IE 7.
Снимок экрана IE 7 :
Снимок экрана Firefox 4.0.1 :
Вот некоторые из моих кодов страницы 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
Firefox 4 с XHTML 1.0 Strict
находится внутри
, который находится внутри
. Может ли это быть связано?