2016-05-23 10 views
0

私はsap.m.Tableコントロールを使用しています。 現在、アイテムがさらにある場合、ページ全体がスクロール可能です。SAPUI5:スクロール可能なテーブルの項目のみを設定する

テーブルの項目をスクロール可能にするには、テーブルヘッダーを固定してに固定して、スクロール時に常に表示されるようにします。

また、私はそれが複数のデバイス間で応答することを望んでいます。

私はヘッダに以下のCSSを適用しようとしている:

thead{ 
    position: fixed; 
} 

TableがSAPUI5によって実行時に追加された内divのために:

#__xmlview0--tab{ 
    overflow-y: scroll; 
} 

しかし、それは、定義済みのスタイルを歪めていますテーブルヘッダーのここで

は私だけ醜いソリューションをしましたlink

+0

SAPは、このような動作をすぐにサポートするための[既に計画があります](https://github.com/SAP/openui5/issues/1741#issuecomment-339293159)です。それまでは、醜い解決策しか見ることができません。 – boghyon

+0

[sap.m.Table - 固定ヘッダーを使った垂直スクロール]の複製が可能です。(https://stackoverflow.com/questions/37809148/sap-m-table-vertical-scrolling -with-fixed-header) – boghyon

答えて

1

です。しかし、それは動作する可能性があり、異なるブラウザで互換性の問題につながるかもしれない独自のCSSクラスとプロパティを定義するよりも良いようです。

ヘッダー情報のみを含むテーブルを作成します。その後、スクロールコンテナを作成し、テーブルの本文をこのスクロールコンテナに配置することができます(テーブルコンテンツをバインドするが、列見出しは見えなくなります)。ただし、このソリューションは、使用されるTableオブジェクトに依存する場合があります。

+0

私は[TablePersoController](https://sapui5.netweaver.ondemand.com/sdk/#docs/api/symbols/sap.m)を使用しているため、これは私の場合は実現可能な解決策にはなりません。 .TablePersoController.html)、および[ViewSettingsDialog](https://sapui5.netweaver.ondemand.com/sdk/#docs/api/symbols/sap.m.ViewSettingsDialog.html)を使用して表の外観を変更すると、列と表の内容dymnamicです – Dopedev

+0

まあ、私はこれを試してみます、 'position:fixed'は決して動作しません – Dopedev

関連する問題