Skip to content

Dispatch Table

Description

Show a dispatch table based on dispatch query.

Attributes

  • tile: dispatch-table
  • title: Provide a title for the dispatch table
  • columns: [Array of Object] Provide an configurable column for dispatch table
    • title: Title of dispatch table cell
    • metric: Provide an Dispatch metric value for dispatch table cell.If template is provided metric is ignored.
    • template: Provide a template for dispatch table cell [Optional]
    • styles: [Object]
      • header: Provide a style for dispatch table header
      • column: Provide a style for dispatch table column
  • options: [Object]
    • selectionMode: "open" || "select"
    • actions: [Array of object]
      • title: Provide a title of action column header
      • icon: Provide an icon for action cell
      • value: Provide a dispatch action column value it should be "open" | "edit" | "delete".
      • styles: [Object]
        • header: Provide a style for dispatch table header
        • column: Provide a style for dispatch table column
  • classes: Provide a classes for dispatch table
    • root
    • table
  • styles: Provide a styles for dispatch table
    • root
    • table

Example

{
  "rows": [
    {
      "cols": [
        {
          "tile": "dispatch-table",
          "title": "Dispatch Markup Table",
          "query": "given tracker[approvals]",
          "columns": [
            {
              "title": "Acknowledgement",
              "metric": "acknowledgement",
              "template": "",
              "styles": {
                "header": {},
                "column": {}
              }
            },
            {
              "title": "Signature Display",
              "metric": "signature",
              "template": "{values.signature}",
              "styles": {
                "header": {},
                "column": {}
              }
            }
          ],
          "options": {
            "selectionMode": "open",
            "actions": [
              {
                "title": "Open",
                "icon": "fal fa-external-link"
              },
              {
                "title": "Delete",
                "icon": "fal fa-trash"
              },
              {
                "title": "Edit",
                "icon": "fal fa-edit"
              }
            ]
          },
          "classes": {
            "root": "w-50"
          }
        }
      ]
    }
  ]
}