Uktupus Design

Data table

Every list in Uktupus, built the same way.

Lists are most of Uktupus: invoices, products, employees, tickets. They all use the same table, so someone who knows one list knows all of them. It has quick search that ignores accents, Excel-style filters on each column, “Clear filters”, and totals for the rows you've filtered.

Number
Customer
Due
Status
Total
INV-2026-0142Albeco DOOEL04 Oct 2026Overdue€1,240.00
INV-2026-0143Tehnomarket20 Oct 2026Open€18,450.50
INV-2026-0144Vero Centar22 Oct 2026Paid€3,200.00
INV-2026-0145Žito Polog31 Oct 2026Draft€960.00
INV-2026-0146Albeco DOOEL02 Nov 2026Open€7,310.20

When to use

  • Any list of records, on its own page or inside a card
  • Amounts and quantities right-aligned; numbers line up automatically
  • Clicking a row opens the record; extra row actions go in a ⋯ menu

When not to use

  • Editable line items inside a document; those use a lines table with borderless cells
  • Small fixed layouts like a two-column summary

Column order

Number, main name, dates, status, then amounts last.