ユーザーが簡単にスクロールできるようにモバイルでテーブルを整理する
複数のデータテーブルを含むモバイルサイトがあります。これらのテーブルは比較的長いですが、高さに制限があります。つまり、ユーザーが携帯電話でテーブルをスクロールすると、ページではなくテーブルがスクロールされます。
ページを上下にスクロールするのが簡単で、テーブルをスクロールするのと同じくらい簡単になるように、これに対処するより良い方法を誰かが提案できますか？
前もって感謝します。
私はあなたのデザインの大きなコンテキストはありませんが、役立つかもしれないいくつかのオプションを提示します：
オプション1：
スクロールせずに各テーブルの数行まで表示し、+ SEE ALLボタンを使用します。それをクリックすると、テーブル全体が-SEE LESSボタンで表示されます。フルテーブルでは、テーブル内にスクロールはありませんが、ページスクロールのみが行われます。
オプション2：表の見出しを表示するだけです。クリックすると、テーブルがポップアップ/全画面で表示され、閉じる/戻るボタンが表示されます。テーブルは、高さが固定され、スクロール可能なコンテンツを持つことができます。
ユーザーがテーブルの下にスポットをドラッグしてページを下にスクロールし続けることができるように、テーブルが画面の垂直方向のスペース全体を占めていないことを確認してください。これを行う場合、表がスクロール可能であることを明確にするために 優れたガイドライン をいくつか示します。
または、テーブルを分離するために タブを使用 できますか？ダッシュボード/アプリケーションについて詳しく知らなければ、これが妥当かどうかはわかりませんが、検討する価値はあります。
最後に、 レスポンシブデザインでのテーブルの使用 に関する役立つ記事を示します。大きなテーブルを表示するためのいくつかのオプションがあります。