Navigation
-
Main
- Dashboard No pending orders
- Layouts
- Themes
- Starter kit
- Changelog 4.0
-
Forms
- Form components
- Text editors
- Pickers
- Form layouts
-
Components
- Basic components
- Content styling
- Extra components
- Color system
- Animations
- Icons
-
Layout
- Page layouts
- Sidebars
- Navbars
- Vertical navigation
- Horizontal navigation
- Menu levels
-
Data visualization
- Echarts library
- D3 library
- C3 library
- Google charts
- Maps integration
-
Extensions
- Extensions
- File uploaders
- Event calendars
- Internationalization
-
Tables
- Basic tables
- Grid.js tables
- Data tables
- Data tables extensions
-
Page kits
- General pages
- Service pages
- User pages
- Application pages
- Widgets
Import server-side data
Grid.js supports global search on all rows and columns. Set
search: true in your JS configuration to enable the
search plugin. Optionally you can also add
server config to your search definition to enable
server-side search. Besides generic settings, you can also
specify a custom selector to customize searchable fields and
tell the engine to ignore hidden columns (they are searchable by
default).
Server side search
Add
server config to your
search definition to enable server-side search. To
load and import data from a remote URL. Server storage uses
fetch API to send the call and fetch the data. Note
- server base URL is required in any server side implementation,
whether it's a data load or sort/pagination/search configuration
Server side pagination
Add
server property to the
pagination config to enable server-side pagination.
Also, make sure the total property is correctly
defined in the main server config block. Multiple
customization options are available for both client and server
side pagination configuration: limit, starting page, labels,
language, number of buttons etc
Server side sorting
Simply add
server config to the
sort block to enable server-side sorting. In the
following example we fetch the data from remote source and
disable sorting in the "Image" column just like we would disable
sorting in a regular grid configuration. Sort has 2 config
options: 1) Generic config: to enable sort for
all columns, enable multi column sort, server-side integration
etc; 2) Column specific config: to enable sort
on a specific column, to set custom comparator function, etc
© 2023 EVISAFI