GeneralLedgerTable
The general ledger register for an account: date and entry number, description with counterparty, debit, credit, running balance and reconciled flag, bracketed by opening and closing balance rows.
import { GeneralLedgerTable } from "@cynco-labs/ui";Example
import { GeneralLedgerTable } from "@cynco-labs/ui";
const RAW = [
[
"2026-10-02",
"JE-2026-0131",
"Office rent – October 2026",
"Menara Seri Properties Sdn Bhd",
0,
6500,
],
["2026-10-06", "RCT-2026-0088", "Receipt INV-2026-0128", "Syarikat Bina Jaya Sdn Bhd", 12720, 0],
[
"2026-10-09",
"RCT-2026-0091",
"Receipt INV-2026-0131 (USD)",
"Lion City Analytics Pte Ltd",
4200,
0,
"USD",
19740,
],
["2026-10-15", "PAY-2026-0412", "EPF contribution – September 2026", "KWSP", 0, 4440],
[
"2026-10-15",
"PAY-2026-0413",
"SST payment – Jul–Aug 2026",
"Jabatan Kastam Diraja Malaysia",
0,
9640,
],
["2026-10-25", "JE-2026-0142", "Net salaries paid – October 2026", null, 0, 15255],
["2026-10-28", "RCT-2026-0097", "Receipt INV-2026-0142", "Syarikat Bina Jaya Sdn Bhd", 12720, 0],
];
let bal = 182400,
ROWS = RAW.map((r, i) => {
const base = r[7];
const d = r[6] ? (r[4] ? base : 0) : r[4],
c = r[6] ? (r[5] ? base : 0) : r[5];
bal = bal + d - c;
return {
id: "g" + i,
date: r[0],
entryNumber: r[1],
description: r[2],
counterparty: r[3],
debit: r[4],
credit: r[5],
currency: r[6] || "MYR",
baseDebit: d,
baseCredit: c,
runningBalance: Math.round(bal * 100) / 100,
isReconciled: i < 5,
};
});
export default function GeneralLedgerTableDemo() {
return (
<GeneralLedgerTable
rows={ROWS}
baseCurrency="MYR"
openingBalance={182400}
openingDate="2026-10-01"
closingDate="2026-10-31"
/>
);
}Use
The Ledger tab and the ledger explorer, once an account is selected (showAccount for the all-accounts view).
Props
rows [{ id, date, entryNumber, description, counterparty?, debit, credit, currency?, baseDebit?, baseCredit?, runningBalance, isReconciled?, accountCode?, accountName? }], baseCurrency?, showAccount?, openingBalance?, openingDate?, closingDate?, className? (merged on the root).
Notes
Page totals and the closing balance sit on the tray footer. Foreign-currency lines show the ISO code with the "≈ RM" base figure underneath; zero sides print "-". Reconciled lines carry a green StatusChipIcon. Entry # stacks under the date and the counterparty under the description so the table fits 720px. Responsive: built on DataList: a tray table from 42rem (the description truncates with a tooltip), below that stacked postings with one Dr/Cr amount, date, entry #, balance and Rec.