Skip to content

Data source

@xngui/cdk/datasource
@xngui/cdk/datasource

Pure XDataSource pipeline — loader returns result or Promise.

Preview

Array `data` — filter, sort, pagination

Page 1 of 5 · size 5 · showing 5 · sort

  • Ava ChenEngineer, Platform
  • Liam PatelDesigner, Design
  • Noah NovakProduct Manager, People
  • Mia OkaforAnalyst, Growth
  • Ethan SmithRecruiter, Data
import { createDataSource } from '@xngui/cdk/datasource';
 
const directory = createDataSource({
data: people,
pageSize: 5,
searchFields: ['name', 'role', 'department'],
filter: null,
sort: [],
autoLoad: true,
});
 
directory.setSearch('…');
directory.setSort('name', 'asc');

Events

Interact with the preview — events will appear here.