web-dev-qa-db-ja.com

ページング時に列幅を変更しても大丈夫ですか?

列幅が固定されていないページネーション付きのテーブルに問題があります。固定幅を入れるかどうかについて、同僚と話し合っています。したがって、アプローチは次のとおりです。-ページを変更しても、列は変更されません。 -ページングの際にコンテンツのフィット感を高めるために列の幅を少し変更しても問題ありません。

どのソリューションが最適ですか?

5
Joanvo

ページごとに列幅を変更しても問題ありません。

表にないセルの列幅を維持し、読みやすさを犠牲にするのはなぜですか?

私は、主にページ分割されたテーブルで構成されているB2Bアプリケーションで作業しており、列の幅がテーブルの内容と比較して意味がないことは、お客様が絶対に望んでいません。以下の私の例をご覧ください。

固定列幅を使用することは良い考えではありません。列の最終的な幅を見つけ、すべてのページで利用可能なスペースを効率的に使用することは、不可能ではないにしても非常に困難です。列幅をコンテンツに合わせて調整し、テーブルをより効率的で有用なものにすることをお勧めします。これは、ページごとにカウントされます。

ページ間で列を比較する必要がある、または非常に望ましい場合は、ページ付けが最適な実装ではない可能性があります。比較する行のみを表示するようにユーザーがカスタマイズできるフィルターを作成します。または、ページにさらに多くの行を表示するオプションを追加するか、テーブル全体を一度に表示することを検討してください。

ページ1
enter image description here

ページ2前のページから保持された列幅 enter image description here

ページ2コンテンツに合わせて列幅を調整
enter image description here

固定列幅
正しく理解することは簡単ではなく、おそらく不可能です。

ページ1
enter image description here

ページ2
enter image description here

3
jazZRo

特に、他のページ要素が静的なままで表のみが更新されている場合は、ユーザーが各ページネーションアクションで目の位置を再調整しないようにしてください。

テーブルの場合:

  • スクロール時にさらに読み込む

  • ページネーションを行うが、すばやく更新する(他のページ要素とは無関係)

列をスキャンすると、ユーザーは解雇されます。多くの場合、テーブルをリストのようにスキャンするため、列の位置を変更すると、目が再調整されます。これは、表がページ分割されている場合に特に当てはまりますが、ページ全体を更新する必要はありません。

列の幅の手動での操作を許可し、その状態がテーブルのページ設定アクション全体で保持できる場合は、開発者に話しかけることができます。

4
Mike M

列の幅は固定したままにすることを強くお勧めします。ユーザーアクションの直接的な結果として移動する列区切り線は、データのtypecontentだけでなく変更されているという考えに役立ち、ユーザーの時間と精神を奪います自分の向きを変えるという不必要な作業に集中する。

データを表形式で表示する目的は、解析と比較をすばやく簡単に行えるようにすることです。列のサイズを変更すると、ユーザーがさまざまなページでデータを解析および比較する機能も損なわれます。

固定幅の列がユーザーのニーズを制限しすぎて、専用のリソースがある場合は、ユーザーが列のサイズを変更したり、列を表示または非表示にしたりして、必要に応じて大きなデータ列に呼吸する余地を与えることを検討してください。

1
Tristan Shelton