web-dev-qa-db-ja.com

モバイルアプリでテーブルを表示する最良の方法は何ですか?

データを表示するモバイルアプリケーションの作成を求められました。

問題は、ワイヤーフレームを作成した人がモバイルアプリではなくウェブサイトで明確に考えていたことです。最近、多くの人がカードビューまたはリストビューを使用しています。

私はその情報を表示するためのより良い解決策を考え出そうとしています。しかし、私はそれを理解するのに苦労しています。

Credit Detail

48行になるテーブルもあります。

モバイルアプリケーションでこのテーブルを表示するための最良の方法はどれですか。

1
Apabos

すべてのテーブルがレイアウトの幅に合わないため、水平方向のスクロールを強制する必要があると思います。ただし、列をロックして画面の左側に固定し、他の列をスクロールできるようにすると、いくつかのフィールドが相互にリンクしていることがわかり、プロセスが簡単になります。

さらに、スクロールの必要性を導入せずにすべてのテーブル見出しを表示する必要がある場合は、インタラクション(例:スクロールまたはタップ)によって展開される前にすべての見出しが圧縮された状態にすることができます。

最後に、スマートフォンを横向きにして、横向きの領域を広げることをユーザーに求めるプロンプトを追加することもできます。

1
Adarsh Sosale

これには水平スクロールを使用できます。あなたのテーブルはシンプル/複雑なテーブルですか?これに加えて、データの比較はありますか?これで問題が解決することを願っています。

参考:レスポンシブモードで確認する

http://zurb.com/playground/responsive-tables

https://elvery.net/demo/responsive-tables/

http://trydevkit.com/blog-post/sensitive-tables-best-practices-and-examples/ee7961a6-a22e-610b-70d0-533c85cc59b6

0
NB4