# Data ledger table

> A structured operational data ledger table featuring date stamps, record categories, status tags, and monetary figures, paired with header action controls. States no colour and no font of its own.

Canonical: https://patternpaste.com/pattern/table-data-ledger.html
Section: Tables
Access: Included in Pattern Paste access.
Needs: Requires a block theme on WordPress 7.0 to 7.1. Classic themes and page builders are outside our supported setup. Adaptive patterns use the block theme’s colour, spacing and typography presets; styled variations declare their own colours or type.
Blocks: button, buttons, group, heading, paragraph, table
Keywords: ledger, data, table, records, transactions, reports, status

## Variations (3)

### Paper (the default)

Identical markup in every theme.

The data ledger on your base ground with your contrast text.

### Night ledger

Identical markup in every theme.

The band inverts to your contrast ground with base text.

### Ink and vermilion

This variation states its own colours and states its own type: identical in every theme.

States a bone ground, ink text, vermilion details, and monospace figures in the ledger.


---

## The signature moment: header controls over structured ledger

**Integrated action controls.** The table header incorporates action buttons for export and filtering alongside the summary description.

## What happens at 390px

The table states `hasFixedLayout: false`, so its columns size to their content
instead of being forced into equal fractions of the screen. `.wp-block-table` is
a WordPress core `overflow-x: auto` container, so once the columns need more
room than the phone has, the table becomes a horizontal rail inside its own
figure: the page never scrolls sideways, the table does, and every column stays
whole. Fixed layout would have shredded the words instead, because core sets
`word-break: break-word` on the cells of a fixed table. The `figcaption` says
the table scrolls, because a scroll container with no affordance is a silent
failure of its own. No CSS ships to buy any of this.

## What it inherits from your theme

- **The typeface.** No font family is stated anywhere.
- **Your colours.** `base` for ground, `contrast` for text and table hairlines.