# Tableの数字をフォーマット

Dashcombが提供している[Table](https://github.com/dashcomb/gitbook-doc/blob/master/tips-and-tricks/ide/ui-component/table.md)コンポーネントは数字を解析し、指定されたフォーマット、桁数や位置で数字を表示することが可能です。

## 準備

* これから使うデータソースに数値のコラムを入れておきます。
  * データソースに格納しているのは数字を含む文字列ではなく、数値です。（数字の文字列は解析できません）
* データソースのデータをTableコンポーネントに表示させています。（数字の初期表示はそのままです）
  * 詳細は[Table](https://github.com/dashcomb/gitbook-doc/blob/master/tips-and-tricks/ide/ui-component/table.md)にご参考ください。

## 実現

* 表示先の[Table](https://github.com/dashcomb/gitbook-doc/blob/master/tips-and-tricks/ide/ui-component/table.md)コンポーネントをクリックして、右側のプロパティ領域に「コラム」項目を表示させます。
* 表示元の数値フィールドをクリックすると、[コラムエディタ](https://github.com/dashcomb/gitbook-doc/blob/master/tips-and-tricks/ide/region/column-editor.md)が開かれます。
* 「データ種別」項目から「数値」を選びます。
* 「フォーマット」項目から「スタンダード」、「パーセンテージ」、「通貨」が選択可能です。
* 「最小値」、「最大値」の設定が可能です。
* 「小数桁数」の設定が可能です。
* 「整列」や「桁区切り記号表示」などを設定します。
* 「保存」ボタンをクリックすると、フォーマット処理後の数字は[Table](https://github.com/dashcomb/gitbook-doc/blob/master/tips-and-tricks/ide/ui-component/table.md)に表示されます。
* 詳細な設定方法や注意事項は[コラムエディタ](https://github.com/dashcomb/gitbook-doc/blob/master/tips-and-tricks/region/column-editor.md)にご参考ください。
* [コラムエディタ](https://docs.dashcomb.com/dashcomb-help-center/ide/property-region/column-editor)
* [Tableの使い方](https://docs.dashcomb.com/dashcomb-help-center/ide/ui-component/table)