1 0023454 1999-01-23 Supplier name 1 234.32 7 1345478 2000-01-23 Supplier name 4 484.25 3 5489034 1999-05-19 Supplier name 2 576.90 5 4367843 1999-08-09 Supplier name 3 349.00 16 1187904 2000-04-28 Supplier name 5 987.30 22 4376891 2001-09-30 Supplier name 7 2000.00 17 9804521 2001-01-23 Supplier name 6 108.00

Examples on how to use YUI DataTable widget integrated into XSLTForms

Example 1: usage of various column attributes, data formatter, and paginator.

function(o) { return o.rowIndex + 1; } function(o) { return "$" + o.value; }
YUI3 datatable, showing usage of various column attributes, data formatter, and paginator.
Crt. <br/>No. Invoice No. Date Supplier Name (editable) Invoice value

Example 2: this example adds the usage of inline cell editor.

function(o) { return o.rowIndex + 1; } function(o) { return "$" + o.value; }
YUI3 datatable, showing usage of various column attributes, data formatter, paginator, and inline cell editor.
Crt. <br/>No. Invoice No. Date Supplier Name (editable) Invoice value