# Filter and sort column with images

This demo shows how to filter and sort a column containing images by using the `custom_cell_data` delegate and defining a `data-tf-sortKey` attribute in the cells of the column.

`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 based the column 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