Filter and sort column with images
- -
- This demo shows how to filter and sort a column containing images by using
- the cell_parser
delegate and by defining the
- data-tf-sortKey
custom DOM attribute.
-
-
-
-TableFilter
automatically detects the presence of the
- data-tf-sortKey
attibute in a cell. If the sort
- extension is enabled the sort mechanism will sort that column based on the
- value specified in the data-tf-sortKey
attibute.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Book | -Price | -Delivery Items | -- | |||
---|---|---|---|---|---|---|
- | Title | -Author | -$ | -In store | -Shipping | -Publication Date | -
- - | -Boris Godunov | -Alexandr Pushkin | -
- 7.15
- |
- - - | -1 Hour | -
- 01/01/1999
- |
-
- - | -The Rainmaker | -John Grisham | -
- 7.99
- |
- - - | -2 Days | -
- 12/01/2001
- |
-
- - | -The Green Mile | -Stephen King | -
- 11.10
- |
- - - | -24 Hours | -
- 01/01/1992
- |
-
- - | -Misery | -Stephen King | -
- 7.70
- |
- - - | -na | -
- 01/01/2003
- |
-
- - | -The Dark Half | -Stephen King | -
- 0
- |
- - - | -2 Days | -
- 10/30/1999
- |
-
- - | -The Partner | -John Grisham | -
- 12.99
- |
- - - | -24 Hours | -
- 01/01/2005
- |
-
- - | -It | -Stephen King | -
- 9.70
- |
- - - | -12 Hours | -
- 10/15/2001
- |
-
- - | -Cousin Bette | -Honore de Balzac | -
- 0
- |
- - - | -1 Hour | -
- 12/01/1991
- |
-
- - | -The Testament | -John Grisham | -
- 19.10
- |
- - - | -2 Days | -
- 12/17/1999
- |
-
- - | -Eugene Onegin | -Alexandr Pushkin | -
- 11.20
- |
- - - | -24 Hours | -
- 09/27/2005
- |
-
- - | -Dark Avenues | -Ivan Bunin | -
- 14.96
- |
- - - | -1 Hour | -
- 10/01/2008
- |
-
- - | -Father Goriot | -Honore de Balzac | -
- 9.99
- |
- - - | -2 Days | -
- 06/06/2010
- |
-
- - | -The Captain's Daughter | -Alexandr Pushkin | -
- 10.21
- |
- - - | -2 Days | -
- 03/01/2001
- |
-
- - | -Hamlet | -William Shakespeare | -
- 5.99
- |
- - - | -1 Hour | -
- 04/15/2003
- |
-
- - | -The Village | -Ivan Bunin | -
- 11.66
- |
- - - | -24 Hours | -
- 01/02/2010
- |
-
- - | -The Winter's Tale | -William Shakespeare | -
- 19.31
- |
- - - | -1 Hour | -
- 02/12/2010
- |
-
- - | -The Black Sheep | -Honore de Balzac | -
- 16.00
- |
- - - | -1 Hour | -
- 08/28/1976
- |
-
- - | -Lost Illusions | -Honore de Balzac | -
- 8.0
- |
- - - | -na | -
- 07/10/2010
- |
-
- - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-