Example - Multi-Column Sorting with Tri-State icons

Demonstrates:

  • basic grid with multi-column tri-state sort option
  • numbers indicating column sort precedence are displayed in the columns when multiple columns selected
  • first column click sorts ASC, second click DESC, third click removes sort from column
  • no shift-click is necessary to use multiple columns
  • span holding the up/down arrow is styled with css class slick-sort-indicator
  • if option sortColNumberInSeparateSpan is false, the above span is also styled with css class slick-sort-indicator-numbered
  • if option sortColNumberInSeparateSpan is true, renders a separate span for the number and styles it with css class slick-sort-indicator-numbered

Options:

 

View Source: