penframe/examples/ast_table_test.json

A lightweight DSL-based wireframe and UI structure visualization tool.

[
  {
    "type": "config",
    "name": "pc",
    "width": 800,
    "height": 600,
    "title": "Table Test"
  },
  {
    "type": "table",
    "headers": ["ID (Right)", "Name (Link-like)", "Status (Center)", "Action"],
    "widths": [100, 200, 150, 200],
    "rows": [
      [
        { "type": "text", "value": "1001", "align": "right" },
        { "type": "text", "value": "John Doe", "color": "#0066cc" },
        { "type": "text", "value": "Active", "align": "center" },
        { "type": "button", "value": "Edit", "align": "center" }
      ],
      [
        { "type": "text", "value": "1002", "align": "right" },
        { "type": "text", "value": "Jane Smith", "color": "#0066cc" },
        { "type": "text", "value": "Inactive", "align": "center" },
        { "type": "button", "value": "Delete", "color": "#f44336", "align": "center" }
      ]
    ]
  }
]