2

divはテーブルをスクロールしますが、データは移動しません。IE9（非互換モード）とFirefoxで正常に動作します。簡単な例を以下に示します。誰かがこれの回避策を知っていますか？

<!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>

ありがとう、ニール

4

1 に答える 1

3

IE互換性モードをオフにするだけです

<h:head>
    <f:facet name="first">
        <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> 
    </f:facet>
    ...
</h:head>

<f:facet name="first">はPrimeFacesに固有であることに注意してください。したがって、使用していない場合は、それを削除して、<meta>の一番上にタグを配置するだけで<h:head>、同様に機能します。重要な点は、テーマCSSを指すPrimeFacesで生成された要素の前に表示する必要があるということです。MSDNドキュメント<link>も参照してください。

X-UA-Compatibleヘッダーでは、大文字と小文字は区別されません。ただし、title要素と他の要素を除く他のすべての要素の前に、Webページのヘッダー（HEADセクション）に表示される必要がありmetaます。

つまり、たとえば<link>要素の後に表示される場合は機能しません。

于 2012-12-06T12:01:41.160 に答える