Table

Type: "table"

Data table with headers and rows.

Props

Field	Type	Default	Keterangan
striped	boolean	true	Striped
bordered	boolean	true	Bordered
hoverable	boolean	true	Hoverable
headerBg	CSS color	"#f3f4f6"	Warna Header
alignment	enum	"left"	Perataan

Contoh

{
  "id": "tab01abc",
  "type": "table",
  "props": {
    "headers": [
      "Kolom 1",
      "Kolom 2",
      "Kolom 3"
    ],
    "rows": [
      {
        "id": "row-1",
        "cells": [
          {
            "content": "Data A1"
          },
          {
            "content": "Data B1"
          },
          {
            "content": "Data C1"
          }
        ]
      },
      {
        "id": "row-2",
        "cells": [
          {
            "content": "Data A2"
          },
          {
            "content": "Data B2"
          },
          {
            "content": "Data C2"
          }
        ]
      },
      {
        "id": "row-3",
        "cells": [
          {
            "content": "Data A3"
          },
          {
            "content": "Data B3"
          },
          {
            "content": "Data C3"
          }
        ]
      }
    ],
    "striped": true,
    "bordered": true,
    "hoverable": true,
    "headerBg": "#f3f4f6",
    "alignment": "left"
  }
}