Obs154｜Obsidian 対話型表！超強力な表コントロール：美化・ページ分け・並べ替え・フィルター・検索

```yaml enhanced-tables
date-format: YYYY-MM-DD             # デフォルトの日付フォーマット
datetime-format: YYYY-MM-DD HH:mm   # デフォルトの日時フォーマット
yes-format: "Y"                     # デフォルトの真の値フォーマット
no-format: "N"                      # デフォルトの偽の値フォーマット
editable: [true | false]            # テーブル全体を編集可能にするか
columns:                            # 列の定義
  # ここに列ごとの設定を記述
filter:                             # デフォルトのフィルター条件 (例: $row.列名 > 100)
filters:                            # フィルターメニューの設定
  # フィルター名: 条件 (例: Small numbers: $row.amount < 1200)
sort:                               # デフォルトのソート列名 (例: 列名, 降順は -列名)
pagination:                         # ページネーション設定
  page-size: 10                    # 1ページあたりの行数
  page-sizes:                      # ページ行数の選択肢
   - 10
   - 25
   - 50
style: |                            # カスタムCSSスタイル (複数行)
  /* 例: ヘッダーのスタイル */
  th {
    background-color: lightgray;
  }
hide-controls: [true | false]       # コントロール行（検索、フィルターなど）を隠すか
hide-configuration: [true | false]  # この設定コードブロック自体を隠すか

  列名:                              # テーブルヘッダーの列名
    alias: 別名                       # 表示上の別名 (オプション)
    type: 型                          # 列のデータ型 [[string] | number | date | datetime | time | enum | bool] (デフォルト: string)
    hidden: [true | false]            # この列を隠すか (デフォルト: false)
    nowrap: [true | false]            # セルの内容を折り返さないか (デフォルト: false)
    editable: [true | false]          # この列を編集可能にするか (テーブル全体のeditable設定を上書き)
    searchable: [true | false]        # この列を検索対象にするか (デフォルト: true)
    number-format: "書式設定文字列"     # typeがnumberの場合の書式 (Intl.NumberFormat) 例: "style:'currency', currency: 'JPY'"
    date-format: "書式設定文字列"     # typeがdate/datetime/timeの場合の書式 (Moment.js) 例: "YYYY年MM月DD日"
    yes-format: "表示文字列"          # typeがboolの場合の真の値の表示 (デフォルト: テーブル設定のyes-format)
    no-format: "表示文字列"           # typeがboolの場合の偽の値の表示 (デフォルト: テーブル設定のno-format)
    enum:                             # typeがenumの場合の選択肢と表示のマッピング
      値1: 表示1
      値2: 表示2
    formatter: "フォーマット式"         # セルの表示をカスタマイズする式 (JavaScriptテンプレートリテラル)

```yaml enhanced-tables
date-format: YYYY-MM-DD
yes-format: "Y"
no-format: "N"
# editable: true # テーブル全体を編集可能にする場合

columns:
  Amount:
    alias: amount                     # 別名
    type: number                      # 型: 数値
    number-format: "style:'currency', currency: 'TWD', minimumFractionDigits:0" # 数値フォーマット: 通貨(TWD), 小数点以下0桁
    searchable: true                  # 検索可能
  UnitPrice:
    alias: price
    type: number
  Quantity:
    alias: qty
    type: number
  SubTotal:
    alias: subtotal
    type: number
    number-format: "style:'currency', currency: 'TWD', minimumFractionDigits:0"
    formatter: "eval(`${$row.price}*${$row.qty}`)" # フォーマッター: price * qty を計算して表示
  Date:
    type: date                        # 型: 日付
    date-format: YYYY年MM月DD日       # 日付フォーマット
  Color:
    formatter: "`<span style='color:${$cell}'>${$cell}</span>`" # フォーマッター: セルの値を色付きで表示
    nowrap: true                      # 折り返さない
  Formatted:
    formatter: "`#${$row.Id}) ${$cell}`" # フォーマッター: IDとセルの値を組み合わせて表示
    nowrap: true
  Hidden:
    hidden: true                      # 非表示列
  Rating:
    type: enum                        # 型: 列挙型
    enum:                             # 列挙型のマッピング
      '1': '⭐️'
      '2': '⭐️⭐️'
      '3': '⭐️⭐️⭐️'
      '4': '⭐️⭐️⭐️⭐️'
      '5': '⭐️⭐️⭐️⭐️⭐️'
    searchable: true
  真假值:                             # 列名: 真偽値
    type: bool                        # 型: 真偽値
    yes-format: "✔️"                 # 真の表示
    no-format: "❌"                  # 偽の表示
filter: $row.amount > 1200            # デフォルトフィルター: amountが1200より大きい
filters:                              # フィルターメニュー
 Small numbers: $row.amount < 1200   # フィルター1: amountが1200未満
 High rating: Number($row.Rating) > 3 # フィルター2: Ratingが3より大きい (Ratingはenumで文字列なのでNumber()で数値化)
sort: Rating                          # デフォルトソート: Rating列 (昇順)
# sort: -Rating                       # Rating列を降順でソートする場合
pagination:                           # ページネーション
  page-size: 3                       # 1ページあたり3行
  page-sizes:                         # ページ行数オプション
   - 3
   - 10
style: |                              # カスタムスタイル
   th {                               /* ヘッダーセル */
     background-color: var(--color-base-50) !important; /* 背景色 */
     color: var(--color-base-70) !important;        /* 文字色 */
   }
# hide-controls: true                 # コントロール行を隠す場合
hide-configuration: true              # 設定コードブロックを隠す
```

formatter: "eval(`${$row.price}*${$row.qty}`)"