web-dev-qa-db-ja.com

モバイルアプリで大きなデータテーブルを表示する

モバイルアプリで大きなデータテーブルを表示するための提案はありますか?一部の列(下線が引かれた列)は、クリックしたときにソートできる必要があります。

https://www.evernote.com/shard/s159/sh/d535b5de-6400-4995-80ff-c15b747c3234/89277707839492505f6807336e2bbf34

4
Christie Day

CompanyFilament Groupは、複雑なテーブルを表示するための興味深いソリューションを提案しています。

  • テーブルのマークアップは、すべてのデバイスで同じです。
  • 著者は、CSSクラスをテーブル見出しに適用することにより、各列の重要性を設定します:必須、オプション、または永続。
  • ウェブページには、ユーザーのデバイスと各列の重要性に応じて、テーブルの一部の列のみが表示されます。
  • Webページでは、ユーザーが表示する列を選択できます。

動作方法の==。

記事全体 :複雑なマルチカラムデータテーブルのレスポンシブデザインアプローチ。

4
Pep López

興味深い質問です!ソリューションを提供することについての私の見解。

複数の画面遷移が必要です。

第一。表示する列を選択するオプションを提供します。これにより、結果にすべての列が必要ない場合、すべての列がモバイル画面に収まる可能性があります。また、すべてを選択してすべてを選択解除するオプションもここで役立ちます。 。 2番目。テーブルのソート方法に応じてソートオプションを選択するようユーザーに提供します。 3d。 -optional-ユーザーが一度に表示したい列の数を選択するオプションをユーザーに提供することもできます。 4番目-オプション-結果(列)をスクロールする機能とともに、検索を提供できます。

すべての列を含む非常に大きなデータテーブルを表示するのは難しい場合があります。

0
Vinay