Filter data

blocks:
  - type: http
    method: GET
    fetchFn: |
      const q = name || 'all'
      return [
        { id: 1, keyword: q, result: 'mock-1' },
        { id: 2, keyword: q, result: 'mock-2' }
      ]
    params:
      - key: name
        placeholder: 검색어 입력

params:
  - key: date
    format: date
  - key: select
    dropdown:
      - Brut
      - Rosé Brut

params:
  - key: name
    placeholder: 검색어
blocks:
  - type: http
    method: GET
    fetchFn: |
      const q = name?.trim() || 'all'
      return [{ id: 1, keyword: q, result: 'srv-1' }]
  - type: http
    method: GET
    fetchFn: |
      // 동일 name 파라미터 재사용
      const q = name?.trim() || 'all'
      return [{ id: 2, keyword: q, result: 'srv-2' }]

type: http
searchOptions:
  enabled: true

type: http
columns:
  name:
    filterOptions:
      enabled: true

type: http
paginationOptions:
  enabled: true

blocks:
  - type: http
    method: GET
    fetchFn: |
      return [
        { name: 'hey', created_at: '2025-07-07' },
        { name: 'good day', created_at: '2025-07-08' },
        { name: 'long time no see', created_at: '2025-07-17' },
      ]
    sortOptions:
      enabled: true
      initialSortBy:
        field: created_at
        type: desc # desc, asc

params:
  - key: name
    group: 1
  - key: email
    group: 2
  - key: phone
    group: 2

params:
  - key: name
    group: 1
  - key: email
    group: 2
  - key: phone
    group: 2
formOptions:
  display: col # inline, form
  firstLabelWidth: 120px
  labelWidth: 120px