NoahUI

Data Tables

NDataTable

Data table is a wrapper component that encapsulates search, sort and pagination of tabular data.

Name
Type
Default
Description
items
Array
() => []

An array of item objects

headers
Array
--

An array of header definitions.

See Table component for details.

total
Number
0

Total number of items on all pages

per-page
Number
25

Number of items on each page

search
Object
() => { return {}; }

Model of the search form

sort
Object
() => { return { prop: 'id', order: 'descending', }; }

Sorting configuration

loading
Boolean
false

Set the loading state

Data Table with Remote Data Source

Code
Name
Area
There are no items matching your request