penframe
Version:
A lightweight DSL-based wireframe and UI structure visualization tool.
28 lines • 893 B
JSON
[
{
"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" }
]
]
}
]