This is an example of Custom Element DataTable. The Custom Element DataTable was built to allow you to easily replace your existing HTML Tables. It can read and display the data from your HTML Tables, but it can also display data from different data sources like XML, JSON, Array, CSV or TSV. The DataTable enables editing of cells and entire rows including options to edit with a dialog or to lock rows. It also supports sorting, filtering and paging. One of the advanced features is that you can use the data table to enable nested tables. Aggregates and grouping are supported as well. You can export your data to Excel, XML, CSV, TSV, JSON, PDF and HTML. Conditional formatting will enable you to add custom CSS styles. Localization will give you the option to show information in other languages than English.
First Name Last Name Product Price Quantity
Ian Devling Espresso Truffle $1.75 8
Nancy Wilson Cappuccino $5.00 3
Cheryl Nodier Caffe Americano $2.50 4
Martin Saavedra Caramel Latte $3.80 11
Guylene Bjorn Green Tea $1.50 8
Andrew Burke Caffe Espresso $3.00 2
Regina Murphy White Chocolate Mocha $3.60 6
Michael Murphy Caramel Latte $3.80 2
Petra Bein Caffe Americano $2.50 7
Nancy Nodier Caffe Latte $4.50 10
Peter Devling Green Tea $1.50 1
Beate Saylor Espresso con Panna $3.25 3
Shelley Nodier Peppermint Mocha Twist $4.00 7
Nancy Murphy Peppermint Mocha Twist $4.00 1
Lars Wilson Caffe Espresso $3.00 11