sort

To enable the sorting plugin. Sort has two config objects:

Generic config: to enable sort for all columns, enable multi column sort, server-side integration, etc.
Column specific config: to enable sort on a specific column, to set custom comparator function, etc.

Generic sort config#

optional
Type: boolean or GenericSortConfig
Example: Sorting

GenericSortConfig type has the following properties:

Name	Description	Type
enabled	to enable/disable sorting	boolean
multiColumn `optional`	Enable/disable multi column sort	boolean
server `optional`	Server-side integration	ServerConfig

To simply enable sort for all columns:

new Grid({
 data: [
 ['John', '[email protected]', '(353) 01 222 3333'],
 ['Mark', '[email protected]', '(01) 22 888 4444'],
 ['Eoin', '[email protected]', '(05) 10 878 5554'],
 ['Nisen', '[email protected]', '313 333 1923']
 ],
 sort: true
});

To disable multi column sorting:

new Grid({
 data: [
 ['John', '[email protected]', '(353) 01 222 3333'],
 ['Mark', '[email protected]', '(01) 22 888 4444'],
 ['Eoin', '[email protected]', '(05) 10 878 5554'],
 ['Nisen', '[email protected]', '313 333 1923']
 ],
 sort: {
 multiColumn: false
 }
});

Column specific sort config#

optional
Type: boolean or SortConfig
Example: Custom sort

SortConfig type has the following properties:

Name	Description	Type
enabled	to enable/disable pagination	boolean
compare `optional`	custom comparator function	`Comparator<TCell>`

To disable sort on a specific column:

new Grid({
 columns: [
 'Name',
 'Email',
 { 
 name: 'Phone Number',
 sort: {
 enabled: false
 }
 }
 ],
 sort: true,
 data: [
 ['John', '[email protected]', '+353 40 222 3333'],
 ['Mark', '[email protected]', '+1 22 888 4444'],
 ]
});

Or to use a custom comparator on a column:

new Grid({
 columns: [
 'Name',
 'Email',
 { 
 name: 'Phone Number',
 sort: {
 compare: (a, b) => {
 if (a > b) {
 return 1;
 } else if (b > a) {
 return -1;
 } else {
 return 0;
 }
 }
  }
 }
 ],
 sort: true,
 data: [
 ['John', '[email protected]', '+353 40 222 3333'],
 ['Mark', '[email protected]', '+1 22 888 4444'],
 ]
});