Skip to main content

Summary

The Summary component is a simple component that displays a summary of the data in a table. It is useful for displaying a summary of data in a table, such as the total number of rows, the total number of columns, and the total number of cells.

YAML​

component: summary
name: mySummary
props:
    label: Tab 1
    options:
      allowExpand: true
    items:
    - label: "Total Rows"
      icon: "fa-table"
      value: 10
    - label: "Total Columns"
      icon: "fa-columns"
      value: 5
    - label: "Total Cells"
      icon: "fa-th"
      value: 50
children:
  - component: datagrid
  ...

Example Summary with Data Source​

- component: datasource
  name: myDataSource
  props:
    name: myDataSource
    queries:
    - name: getEmployees
        query:
            command: >-
                getOrdersSummary( organizationId, filter,
                "weight,count,volume,itemQuantity,status:Active,status:closed"
                ){
                    items {
                        name
                        quantity
                    }
                }
        variables: {}
- component: summary
    name: mySummary
    props:
        label: Summary
        options:
          allowExpand: true
          collapsed: false # default is true
        items:
        - label: "Total Active"
            icon: "fa-table"
            value: "{{ myDataSource.data.totalActive }}"
        - label: "Total Inactive"
            icon: "fa-columns"
            value: "{{ myDataSource.data.totalInactive }}"