web-dev-qa-db-ja.com

データテーブルのセルコンテンツの配置のベストプラクティスは何ですか

現在、ユーザーがデータをキャプチャするWindowsベースのアプリケーションに取り組んでいます。一部のデータはテーブルにキャプチャされ、他のデータはテキストブロックにキャプチャされます。私は現在、内容を特に10進値に揃える方法のジレンマに直面しています。グリッド内の編集可能なセルは、編集モードで一度消える鉛筆アイコンで示されます。テーブルがさまざまなフィールドタイプ、小数、テキストで構成されていることがわかります。それで、私は何をすべきですか、そしてなぜですか？

A>すべてのセルコンテンツを右揃え

B>すべてのセルコンテンツを左揃え

C>セルの小数値のみを右揃え

D>他に提案できること

enter image description here

tablestextalignmentdata-tableslegibility
36
HarveyZA

すべてのコンテンツが揃うため、基本的に左揃えは左から右への言語のデフォルトです。これは読みやすくするための強力なツールです。正当な理由がない限り、通常は左揃えのままにします。

お気づきのように、例外は数字です。 Christian Heilmann によるちょっとした言い訳は次のとおりです。

Luke Wroblewskiとそれについてすぐにチャットしました（同じ会社で働くことの1つの特典）。たとえば、スプレッドシートアプリケーションなどに複数のフィールドがある場合、金額フィールドまたは通常は数値フィールドを正しく配置して、小数を気にすることなく、それらを頭の中ですばやく追加できます。

特に会計スプレッドシートでは、数値（特にドルの金額）はほとんど常に右揃えされます。これは、数値の「小数点」を整列させ、数値の各列が同じ桁であることを確認するので、非常に簡単になります。数学。右端の桁の magnitude が何であるかを確認するために各数値の長さをチェックする必要なしに、すべての数百万/数十/あらゆる桁を簡単に合計できます。

一貫性に対する追加のアピールとして、会計士/財務志向の人々は、数値を正しく調整することに慣れている可能性が高いので、尋ねると、おそらく理由がわかります。それらを追加するのは簡単です。会計報告書が数字を左揃えにすると文句を言われました。慣習上、これは「自然」ではありません。私が説明したように、この慣例は意味があります。

30
Ben Brocka

Darkhorse Analytics は、テーブルを改善するための説明を理解するのが最も簡単なものの1つです。

テーブルデータの配置に関連するポイントは次のとおりです。

  • テキストを左揃え（適切な場合）
  • 数字を右揃えする（該当する場合）
  • タイトルをデータに合わせる
  • 列をデータにサイズ変更する
15
Michael Lai
  • 列がテキストの場合、左揃え
  • 列が数値または数値+単位の場合、（Excelのように）右揃えにします
  • 共通のセパレーターで区切られたマルチパート値の場合（1024 x 768はxで区切られたマルチパート値など）、セパレーターで揃えます。
    • このためのCSSはtext-align: 'x' center;

enter image description here

（ 参考：Webタイポグラフィ本 ）

8
Nitin Jadhav