Scrollable Div only scrolls the structure, but not Primefaces data available in IE8 and IE9 compatibility mode
Disk scrolls the table, but data does not move. It works fine in IE9 (incompatibility mode) and Firefox. Below is a simple example. Does anyone know of a workaround for this?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<h:head>
<title>Carousel Test</title>
</h:head>
<h:body>
<h:form id="evaluationForm">
<div style="overflow:auto; height:200px">
<p:dataTable value="#{evaluationBean.items}" var="item">
<p:column headerText="ID">
<h:outputText value="#{item.id}" />
</p:column>
</p:dataTable>
</div>
</h:form>
</h:body>
</html>
Thanks, Neil
source to share
Just disable the IE compatibility module with
<h:head>
<f:facet name="first">
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
</f:facet>
...
</h:head>
Please note that is <f:facet name="first">
specific to PrimeFaces. So if you don't use it, just remove it and put the tag <meta>
at the very top <h:head>
, it will work just as well. The key point is that it should appear before the PrimeFaces-generated CSS theme element <link>
. See also MSDN doc :
The X-UA compliant header is not case sensitive; however, it should appear in the header of the web page (HEAD section) before all other elements except element
title
and other elementsmeta
.
Which means it won't work if, for example, an element appears <link>
.
source to share