Table

A responsive table component.

Preview ​

A list of your recent invoices.
Invoice StatusMethod Amount
INV001PaidCredit Card$250.00
INV002PendingPayPal$150.00
INV003UnpaidBank Transfer$350.00
INV004PaidCredit Card$450.00
INV005PaidPayPal$550.00
INV006PendingBank Transfer$200.00
INV007UnpaidCredit Card$300.00

Installation ​

bash
npx sigma-ui add table

Examples ​

Basic ​

A list of your recent invoices.
Invoice StatusMethod Amount
INV001PaidCredit Card$250.00
INV002PendingPayPal$150.00
INV003UnpaidBank Transfer$350.00
INV004PaidCredit Card$450.00
INV005PaidPayPal$550.00
INV006PendingBank Transfer$200.00
INV007UnpaidCredit Card$300.00

Data Table ​

You can use the <Table /> component with @tanstack/vue-table to build more complex data tables with sorting, filtering and pagination.

See examples on the Data Table page.

Edit this page on GitHub