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
|
|