Anima · anima-pos

Table

List rendering, columns, sort, sticky header

§ 01

General Setting

Universal defaults applied to every module of this component for this scope.
Header backgroundcolor
Brand thead colour. Drives every Table row in this app.
Default page sizenumber
Initial page size. User can override per session.
Densityenum
Row height baseline.
Striped rowsboolean
Alternate row tint.
Cell dividersboolean
Vertical rule between cells.
Sticky headerboolean
Pin thead to scroll container.
Mobile breakpointenum
Below this, rows render as cards.
§ 02

Modules

Pick one. The live preview + wildcards below reflect the chosen module.
§ 03

Live Preview

The "Pengeluaran" module rendered with the current general settings.
scope · Anima · anima-pos
canonical · packages/ui/src/tables/pengeluaran.tsx
TanggalKategoriKeteranganBayarNominal
29 AprMarketingCetak menu fine-diningQRISRp 750.000
29 AprPerlengkapanLilin meja, ulang stokTunaiRp 432.000
30 AprOperasionalServis grinder espressoTransferRp 1.200.000
30 AprPerlengkapanTray rotan untuk amenitiesKartuRp 570.000
1 MeiMarketingIklan IG carousel kopiE-walletRp 2.400.000
1 MeiLainnyaBunga meja per mingguTunaiRp 580.000
2 MeiOperasionalTinta receipt printerQRISRp 280.000
2 MeiPerlengkapanRefill aroma diffuserTransferRp 936.000
Total · 8 catatanRp 7.148.000
§ 04

Wildcards

The API surface of "Pengeluaran". Edit a wildcard's value below to bend the preview above.
  1. 01
    datarenderrequired

    ServerListResult<PengeluaranRow> envelope from useServerList.

  2. 02
    totalNominalnumberrequired

    Sum nominal across active filter — drives the tfoot total cell.

  3. 03
    flashIdnumber= null

    Row id that flashes briefly post-save (yellow tint, fades ~1s).

  4. 04
    setPageSizerender

    Page-size setter. Omit to hide the per-page selector.

  5. 05
    emptyStateslot= Belum ada pengeluaran tercatat.

    Shown when data has zero rows. Replaces full table chrome.

  6. 06
    kategori listenum= sewa, utilitas, upah, operasional, marketing, perlengkapan, lainnya

    Allowed categories. Drives the kategoriBadge tone map.