Minimal table

Table styletype: "table"

No borders, no stripes — a clean editorial look for rankings and summaries — with rows swapped on every API call. Create minimal table images free.

Edit it — this is the actual editor panel

Design JSON — “Minimal” variant

{
  "title": "Table sample",
  "description": "A dynamic leaderboard table",
  "dimensions": {
    "width": 800,
    "height": 420
  },
  "background": {
    "color": "#ffffff"
  },
  "components": [
    {
      "id": "sample-table",
      "key": "leaderboard",
      "type": "table",
      "position": {
        "x": 140,
        "y": 90
      },
      "rotation": 0,
      "size": {
        "width": 520,
        "height": 240
      },
      "dynamic": true,
      "properties": {
        "headers": [
          "Rank",
          "Name",
          "Score"
        ],
        "rows": [
          [
            1,
            "Alice",
            980
          ],
          [
            2,
            "Bob",
            870
          ],
          [
            3,
            "Carol",
            820
          ]
        ],
        "showHeader": true,
        "striped": false,
        "borders": "none",
        "opacity": 1,
        "headerBg": "transparent"
      }
    }
  ]
}

Table examples

Real renders of the minimal table — each one is the same component with different property values, and the API payload below each preview reproduces it exactly.

Editorial top-5 books

A clean ranked reading list for a blog OG image — no rules, no stripes.

API overrides for this example

{
  "leaderboard.borders": "none",
  "leaderboard.striped": false,
  "leaderboard.headerBg": "transparent",
  "leaderboard.headers": [
    "#",
    "Title",
    "Author"
  ],
  "leaderboard.rows": [
    [
      1,
      "The Quiet Machine",
      "R. Alvarez"
    ],
    [
      2,
      "Glasswork",
      "M. Chen"
    ],
    [
      3,
      "North of Nowhere",
      "T. Okafor"
    ]
  ]
}

Email order summary

An understated receipt block that sits inside a confirmation email.

API overrides for this example

{
  "leaderboard.borders": "none",
  "leaderboard.striped": false,
  "leaderboard.headerBg": "transparent",
  "leaderboard.headers": [
    "Item",
    "Total"
  ],
  "leaderboard.rows": [
    [
      "Canvas tote",
      "$24.00"
    ],
    [
      "Shipping",
      "$4.90"
    ],
    [
      "Order total",
      "$28.90"
    ]
  ],
  "leaderboard.columnAlign": [
    "left",
    "right"
  ]
}

When to use the minimal style

Editorial top-5 lists
Elegant email summaries
Understated report tables

Use it dynamically via the API

Replace the body per render with '<key>.rows' (or just '<key>') and the columns with '<key>.headers'.

Full API request with this variant's current values — the playground above sends only the properties you change

curl --location 'https://render.imejis.io/v1/{{YOUR_DESIGN_ID}}' \
--header 'dma-api-key: {{YOUR_API_KEY}}' \
--header 'Content-Type: application/json' \
--data '{
    "leaderboard.headers": [
        "Rank",
        "Name",
        "Score"
    ],
    "leaderboard.rows": [
        [
            1,
            "Alice",
            980
        ],
        [
            2,
            "Bob",
            870
        ],
        [
            3,
            "Carol",
            820
        ]
    ],
    "leaderboard.showHeader": true,
    "leaderboard.striped": false,
    "leaderboard.borders": "none",
    "leaderboard.opacity": 1,
    "leaderboard.headerBg": "transparent"
}'

Only send the properties you want to change — everything else keeps its design value. See the API documentation for all languages.

Other table styles

Default Grid bordersMinimalDark header Striped rows

See the table component page for the full property reference and FAQs.