Databricks AI/BIダッシュボードのテーブル表示の設定

ダッシュボードでも表形式で表示したいというケースは結構あると思います。当然、Databricksのダッシュボード(AI/BIダッシュボード)でもテーブルのビジュアライゼーションがあります。AI/BIダッシュボードでは日本語でビジュアライゼーションの作成を指示できますが、細かいところは手動で設定する必要があります。

https://qiita.com/taka_yayoi/items/ff99f33faa7737494042

マニュアルはこちらですが、結構素朴です。

https://docs.databricks.com/ja/dashboards/visualization-types.html#table-visualization

今回色々設定を触ってみたので、こちらにまとめます。

例によってCOVIDの感染者数データを使ってます。
![Screenshot 2024-06-27 at 19.26.48.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1168882/dd21e593-04c8-ba0a-b44f-e929c17edc9b.png)

# タイトルと説明

チェックすると、ウィジェットの上の部分にタイトルと説明を記述できるようになります。
![Screenshot 2024-06-27 at 19.28.21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1168882/9d3a2612-25ad-07a7-c24d-6f679285bb90.png)
![Screenshot 2024-06-27 at 19.28.47.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1168882/288e1864-9155-0117-490a-516de1cd231e.png)

# 列の表示・非表示

列名にカーソルを合わせると目玉マークが表示されます。これで列の表示・非表示を切り替えます。
![Screenshot 2024-06-27 at 19.29.13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1168882/1727162b-ab58-a96c-c837-80805e056712.png)

![Screenshot 2024-06-27 at 19.29.27.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1168882/919c4806-fde7-a264-4826-3e8527bdb1c5.png)

# 列の入れ替え

列名の左にある点がたくさんあるボックスを上下にドラッグ&ドロップします。
![Screenshot 2024-06-27 at 19.48.10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1168882/6f22b960-1d28-8238-8456-bfd2f30fcabb.png)
![Screenshot 2024-06-27 at 19.49.43.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1168882/ae113881-73b6-3b54-87f2-28a1ef633abe.png)


# 列名と表示位置の変更

列名の下にあるテキストボックスに入力することで表示列名を変更できます。テキストボックスの右のドロップダウンではセル内の文字の表示位置を変更できます。
![Screenshot 2024-06-27 at 19.34.50.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1168882/c21efde2-2c01-93d6-3fdb-8c8c3dabab40.png)

# 特定の列を検索対象に含める

**検索用**にチェックを入れると、その列を対象に絞り込みを行えるようになります。
![Screenshot 2024-06-27 at 19.37.03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1168882/72705640-666c-dfe2-5b52-1193ab5c8cc6.png)

# 列の説明

その下にあるDescriptionに文を入力すると、列の説明文を追加できます。
![Screenshot 2024-06-27 at 19.36.09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1168882/8539a95b-00cb-2539-e178-83bfcf1ce7cd.png)

# ハイパーリンクの埋め込み

文字列の場合、デフォルトは`Text`ですが、ここをハイパーリンクにすることもできます。`Link`を選択します。すると、テンプレートを指定できるようになります。テーブルの列にURL文字列が含まれている場合にテンプレートで指定することで、適切なリンク先を動的に指定できるようになります。
![Screenshot 2024-06-27 at 19.38.30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1168882/16bf4882-6a90-4125-b067-2777ebe98831.png)

以下の例では、`full_url`という列にURL文字列が含まれています。これをURLテンプレートに`{{ <列名> }}`という形で指定することで、動的にリンクを埋め込むことができます。リンクの表示文字列を制御したい場合にはテキストテンプレートを指定します。
![Screenshot 2024-06-27 at 19.39.49.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1168882/3bb787cf-d454-110e-3136-41d02482edc9.png)

この例では、`year`には年、`month`には月の英語表記、`title`にはページタイトルが含まれているので、以下のような文字列が表示されることになります。
![Screenshot 2024-06-27 at 19.41.19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1168882/087230aa-3612-ad8d-68f8-11bdd925a3f6.png)

# 動的なスタイルの変更

特定の条件を満たす場合に文字の色を変えたいという場合には、**Font conditions**を追加します。すると、列に対する条件を指定できるようになります。
![Screenshot 2024-06-27 at 19.43.38.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1168882/51af6702-5e4d-658b-2021-a23081ea0095.png)

条件を指定すると、即座に反映されます。
![Screenshot 2024-06-27 at 19.44.18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1168882/36f22acb-38be-def4-e723-1579569a27e5.png)

# グリッドの設定

**Grid**タブを開くと、列の幅調整の可否や一ページあたりの表示レコード数を設定できます。
![Screenshot 2024-06-27 at 19.45.08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1168882/1f2eaeb4-171c-0f87-ac7e-5b5687641eff.png)

### はじめてのDatabricks

[はじめてのDatabricks](https://qiita.com/taka_yayoi/items/8dc72d083edb879a5e5d)

### Databricks無料トライアル

[Databricks無料トライアル](https://databricks.com/jp/try-databricks)