表形式データの表示/フォーマット（ウェブ）

Question

例では、各行がユーザーであるテーブルがあります。列には、名前、住所、電子メールアドレスなどを含めることができます。次に、猫の名前（仮説的な例）の列を追加する必要があります。ほとんどの人は猫を飼わず、1〜2匹の猫を飼う人もいますが、20匹の猫がテーブルに1列の非常に長い列を作ることがあります。これにより、プレゼンテーションおよび猫名のフィルタリング/検索に関する問題が発生します。このタイプのデータを表示する良い解決策はありますか？

Answer 1

フィールドの最初の50（または何でも）の文字を通常どおり表示し、残りをCSSで非表示に設定したブロックに配置します。ユーザーが値全体を表示できるように可視性を切り替えることができるリンク/ボタン/アイコンを含めます。

Answer 2

いくつかのオプション：

1. セルの最大幅を設定し、データの折り返しを許可します
2. コンテンツをラッパータグ（divなど）内に配置し、divの幅/高さを固定し、overflow：hiddenのスタイルを設定して、特に長い単語がセルの幅を強制しないようにします。
3. サーバー側で出力テキストを切り捨てます

ケース＃2および＃3の場合、TDタグのTitle属性を設定して、切り捨てられていないテキスト全体を含めます。これは、セルの上にカーソルを置くとツールチップとして表示されます。

他のCSSベースのソリューションについて言及しますが、現時点では非常にまばらにサポートされているため、言及する価値はありません。

Answer 3

SOのようなことを試してみてください。つまり、誰かが担当者の特定のポイントに到達すると、番号にサフィックスを付けて、それを承認します。例10,236の代わりに10k。

その方法で数字が手に負えなくなることはありません。