Grid General Features

Sort and multi-sort features

You can sort data in any grid column by clicking at the appropriate button at the toolbar

Such a simple sorting is working by default.

If you'd like to use multi-sorting feature you only need to set

useMultiSort : true

To reset all sortings click at the button reset sort.

 Keep in mind that sorting features are for PRO version only.

You can show or hide layer that shows export form:

useExportBar 	 : Boolean

Hide/show columns

This feature can be useful if a field is a key but should not be displayed.

You specify whether column is visible or not by using

isVisible

boolean property.

For example:

colDef : [
{
	title : "Name",
	titleClass : "",
	type : "String",
	width : 150,
	alignment : "",
	compareFunction : compare,
	isVisible : true,
	useAutoIndex : false,
	useAutoFilter : false
},
...

Auto-index

You have a possibility to specify selective auto-index for columns (index column when creating for faster performance). In appropriate column description set useAutoIndex boolean property in True:

useAutoIndex : true

Auto-filter

You can use selective auto-filter for columns to show a drop-down list wich contains all the data for its column. So you can choose something from this list and show at the table only filtered data.

useAutoFilter : true

To set a default filter string when nothing is filtered use global variable:

var EMPTY_ROW = "no filter"; 

Example - Multi-sort, columns visibility, auto-index, auto-filter, export form

You can see an example and complete code here - Multi-sort, columns visibility, auto-index, auto-filter, export form [popup]

Read more about CodeThatGrid >>