chrome:shell.skip

generated:catalog.entry.cdk-datasource.title

generated:catalog.entry.cdk-datasource.description

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

chrome:demo.section

chrome:demo.preview

cdk-preview:datasource.array-data

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
demo-preview:hints.category.assistive:
TipSR
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');

chrome:demo.events.title

chrome:demo.events.empty