Example 11: Using Data Transforms to Display Images

Click on the table headers to sort the rows.

The data for the thumbnail image is in the database as a URL.
The data transform takes that data and puts it inside the "src" attribute of an img tag to display the image.

Edit Row Thumbnail Id Item Description Price Date Quantity Delete Row
$2,449.00 July 6, 2009
10 652 10 Softpedia $46.00 December 31, 1969 256
3 655 3 test $4.00 October 3, 1989 2
3 658 3 John Doe $2,222.00 December 31, 1969 21
4 659 4 John Doe $12.00 October 3, 1989 3
5 660 5 John Doe $0.00 December 31, 1969 123
6 661 6 John Doe $65.00 December 31, 1969 1
7 662 7 John Doe $100.00 December 31, 1969 4

New Row

Edit Row Thumbnail Id Item Description Price Date Quantity Delete Row
3 $0.00 December 31, 1969