2

レスポンシブ レイアウトを備えた無料の JS データ グリッド コンポーネントはありますか?

DataTables と jqGrid を試しましたが、レスポンシブ レイアウトについては何も見つかりませんでした。

私の Web サイトの訪問者は、モバイル デバイスでデータ グリッド ベースのビジュアライゼーションを使用して優れたエクスペリエンスを得る必要がありますが、最も一般的なコンポーネント (少なくとも無料) はこの種の機能を提供していません。

4

2 に答える 2

3

現時点で、レスポンシブ データ グリッドの優れたまとめを見つけました:
http://css-tricks.com/responsive-data-table-roundup/

個人的には、理想的なソリューションはまだ十分ではないと思います。縦スクロールと横スクロールの両方を備えたモバイル アプリは好きではありません。また、ほとんどの場合、列を削除したくないと思います。また、グリッドの「マークアップ」では、グリッドをモバイル デバイスに表示するための考慮事項やポインターを作成する必要がないことを望みますが、まともな UX ではおそらく不可能だと思います。

この問題に対する万能の解決策があるかどうかは議論の余地があります。理想的には、さまざまな状況に応じてさまざまなソリューションを作成すると言わざるを得ません。たとえば、デスクトップに電子メールのグリッドがある場合、モバイルでは、よく知られているモバイル メール アプリで見られるような形式で表示されることを期待するでしょう。ただし、それは、より多くの列を持つアイテムのリストには当てはまらない場合があります。また、考慮すべき「折りたたみ可能な行」もあります。

そうは言っても、単純な管理アプリケーションのほとんどのデータグリッドはレスポンシブにできると思いますが、解決策はまだありません.

于 2014-03-18T10:20:17.297 に答える
3

グリッドで応答性について行った一般的な検索では、選択肢はほとんどありません。理想的なシナリオは、テーブル内の論理列の数を減らすことです。応答性を高めるために、jqGrid を使用して、ウィンドウ サイズ $( window ).resize() に基づいて負荷サイズを指定できます。

以下のオプションを確認することもできます http://elvery.net/demo/responsive-tables/

お役に立てば幸いです。

于 2013-11-12T14:44:17.317 に答える