# The title shown on the component page
title: Table
# Label shown on index pages
label: Table
status: beta

variants:
  - name: default

  - name: has footer
    context:
      isExample: true
      table_footer:
        - text: Hello
          colspans: 3
        - text: world
          colspans: 1
  - name: has caption
    context:
      isExample: true
      table_caption: Hello Caption
  - name: has row heading
    context:
      isExample: true
      firstCellIsHeader: true
  - name: actions
    context:
      isExample: true
      inline_actions:
        - edit
        - delete
  - name: sortable
    context:
      isExample: true
      sortable: true
  - name: selectable
    context:
      isExample: true
      selectable: true
  - name: selectable (selected)
    context:
      isExample: true
      selected: true
      selectable: true
      actions:
        - edit
        - delete
        - download
        - cancel
  # Deprecated variants
  - name: striped
    hidden: true
    status: deprecated
    context:
      striped: true
  - name: bordered
    hidden: true
    status: deprecated
    context:
      bordered: true
  - name: fixed header
    hidden: true
    status: deprecated
    context:
      tableLayoutFixed: true
  - name: compact
    hidden: true
    status: deprecated
    context:
      table_variant: "vf-table--tight"
  - name: loose
    hidden: true
    status: deprecated
    context:
      table_variant: "vf-table--loose"
  - name: kitchen sink
    hidden: true
    status: deprecated
    context:
      table_caption: Hello Caption
      firstCellIsHeader: true
      striped: true
      bordered: true
      table_footer:
        - text: Hello
          colspans: 5
        - text: world
          colspans: 1
      selected: true
      sortable: true
      selectable: true
      inline_actions:
        - edit
        - delete
      actions:
        - edit
        - delete
        - download
        - cancel

context:
  component-type: block
  exampleMultiColumns: "false"
  count: 0
  table_headings:
    - title: Event
    - title: Date
      sorted: top
    - title: Type
    - title: Location
  table_rows:
    -
      - selected_row: true
      - text: dave
      - text: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima accusamus a nostrum odit aliquid repudiandae architecto molestiae, dolores.
      - text: roger
      - text: London, U.K.
    -
      - text: dave
      - text: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio fugit illo officia dignissimos amet.
      - text: roger
      - text: London, U.K.
    -
      - text: dave
      - text: Lorem ipsum dolor sit amet, consectetur adipisicing elit.
      - text: roger
      - text: London, U.K.
