web-dev-qa-db-ja.com

テーブルの長いテキストを非表示にするが、アクセスは維持する

<td>で長いテキストを切り取ろうとしていますが、その中のデータにはアクセスできます。おそらく、エリア内をクリックしてドラッグすることで、モバイルのように。

詳細は stackoverflow に投稿しました。

enter image description here


<td>で固定幅を維持したい場合、適切な[〜#〜] ux [〜#〜]代替案は見つかりませんでした。達成できることについて何か考えはありますか?それを行うには良い方法ですか?

いくつかのウェブサイトがそれをどのように扱っているかに関する実際の例はありますか?

2
Baptiste

省略記号を追加し、マウスのホバー時に全文を表示します。

例:ux.stackexchangeプロファイルページ

enter image description here

テキストでいくつかのアクションを実行する必要がある場合は、インタラクティブなツールチップを使用できます。

例: IBMのインタラクティブツールチップ

enter image description here

1
An Lev

データのタイプに応じて、さらにいくつかのオプションが表示されます。

  • ホバー時に完全なコンテンツを表示します(データの読み取りのみが必要な場合)。
  • 必要に応じて、追加のコントロール(クリップボードへのコピーボタンなど)を使用して、データをポップアウト/ドロップダウンに表示します。

スクロールバーはまだ適切であるか、他のソリューションと組み合わせて使用​​されます。

0
marley