固定幅のWebサイトで列が多すぎるグリッド

Question

TelerikのRadgridをWebサイトに使用しています。多くの場合、グリッド列は使用可能な幅を超え、メインコンテンツ領域の外側に固定されます（固定幅）。

では、非常に広いグリッドを表示するための私のオプションは何ですか。私のサイトでは水平スクロールバーが見苦しいだけです

Answer 1

選択肢は次の組み合わせです：

1. 小さいフォント
2. 複数の行を持つようにいくつかのセルを統合します（たとえば、<！> quot; start date <！> quot;および<！> quot; end date <！> quotがある場合、開始日を先頭に置き、終了日は下部にあります。
3. ウィンドウを広げる
4. 一部のセルを条件付きで表示する（ユーザー定義のフィルターに基づいて）。頻繁に使用されるセルが通常表示され、使用頻度の低いセルまたはセルのグループのチェックボックスが再表示される場合があります。
5. 水平スクロールを許可
6. ウィンドウを流動的な幅にします
7. 列に置くのではなく、javascriptを介してフローティング<div>にデータをポップアップする

何か不足しているのですか？

Answer 2

私もtelerikコントロールを使用しています。多くの作業を終えて学んだことの1つは、通常CSSが良いことですが、問題にも直面しています。

• ケルテックスが言ったこと。
• 常に、これらの厄介な問題を修正するカスタムクラスをRadグリッドに追加します。
• グリッドに固定幅を使用せず、代わりに列に使用してグリッドを流動的にするため、ページも同様になります。

これが役に立てば幸いです。

Answer 3

devmaniaとグリッドの流動化に同意しますが、最近同様の問題がありました。それで、カラムをいくつかラップして、残りをラップしました。小さな画面では見栄えがよくありませんが、日付と時刻の列の折り返しなどをやめたので、それでも使用できます。ただし、より広い画面で使用を開始すると、見栄えがよくなります。

すべては、スクロールバーの大きさに依存します。一部の列を削除して、その情報をポップアップ/フライアウトのどこかに表示することは可能ですか？

別のオプションは、どの列を表示するかをユーザー設定可能にすることですが、実際には問題に対処するのではなく、見栄えを良くするのはユーザーの責任です。

水平スクロールバーを削除できない場合は、少なくとも重要な列を最初に配置して、ユーザーが頻繁に右にスクロールする必要がないようにする必要があります。