2

p:columnGroupのヘッダー列に使用していますp:dataTable。このテーブルに垂直および水平スクロール バーを実装しました。水平スクロールを最も右側に移動すると、ヘッダー列の下にレンダリングされる垂直スクロール バーが原因で、データを含む列がヘッダー列と垂直方向に整列しません。そのため、配置に不一致があります（ギャップ=垂直スクロールバーの幅）

ここにコードがあります

<p:columnGroup id="columnGroup" type="header">
             <p:row>
        <p:column id="emptyColumnHeader">&nbsp;</p:column>
        <p:column colspan="3" headerText="General" />
        <p:column colspan="4" headerText="Article" />
        <p:column colspan="5" headerText="Sample" />
         </p:row>

jqueryを使ってスクロールを実装する

var oTable2 = $($currentTableId).find('table').dataTable({

            "sScrollX" : "100%",
            "sScrollY" : "350",
            "bAutoWidth" : false,

            "bScrollCollapse" : true,
            "bPaginate" : false,
            "bSort" : false,
            "sInfo" : "",
            "sInfoEmpty" : ""
        });
        oTable2.height("200");
        var oFC = new FixedColumns(oTable2, {
            "iLeftColumns" : 4,
            "sHeightMatch" : "auto",
            "iLeftWidth" : 500
        });

誰でも解決策を提案できますか?

4

1 に答える 1

1

私は同様の問題に直面していました。そして、それを解決する時間はほとんどありませんでした。これは私を助けた迅速な解決策です。

データテーブルをレンダリングした後、次の 2 行を記述します。

// Considering your datatable id as 'myTableId'
$('#myTableId_next').click();
$('#myTableId_previous').click();

注 : これは最善の解決策ではありませんが、間違いなく迅速な解決策です。

于 2012-07-02T06:40:01.720 に答える