Server Side Search

Add server config to your search definition to enable server-side search:

Live Editor

const grid = new Grid({ pagination: true, search: { server: { url: (prev, keyword) => `${prev}?search=${keyword}` } }, columns: ['Title', 'Director', 'Producer'], server: { url: 'https://swapi.dev/api/films/', then: data => data.results.map(movie => [movie.title, movie.director, movie.producer]) } });

const grid = new Grid({
  pagination: true,
  search: {
    server: {
      url: (prev, keyword) => `${prev}?search=${keyword}`
    }
  },
  columns: ['Title', 'Director', 'Producer'],
  server: {
    url: 'https://swapi.dev/api/films/',
    then: data => data.results.map(movie => [movie.title, movie.director, movie.producer])
  } 
});

Result

Loading...