React Data Grid Sorting

Sorting is one of the most frequently used operations with a Grid Component. Our grid for React js offers both alphabetical and custom sorting.

Alphabetical sorting can be ascending or descending. With the ascending you sort from A to Z and with the descending from Z to A. When the data is sorted you can see a small little triangle on the right side of the column name which shows the direction of the sorting. The triangle image can be changed through CSS.

Ascending and descending sorting works also with numeric and float numbers and dates.

React Data Grid Sorting

With the custom sorting you can sort a column with your own sort and compare function. With the custom compare function you can define how the strings in the column are compared. You can also change the way numbers are sorted and compared and implement your own sorting logic.

One of the advanced features is the sort background. You can select that option to differentiate the sorted column.

Demos: React Grid Sorting

Documentation: React Grid Docs

About admin

This entry was posted in React, react grid, React Javascript Library, REACTJS and tagged , , , , , , , , , , , , , , . Bookmark the permalink.

Leave a Reply