Data Table Component

Simple Scenarios

{{data.field2}} Link {{data.field3}} {{data.field4}}
Selected Item: {{selectedData1 && selectedData1.field1}} , Selected Index: {{simpleDataTable.getActiveRenderedItemIndex()}}

Multiple Selection

{{data.field2}} {{data.field3}}
Selected Items: {{item.field1}} {{selectedData2.length}} items

Lazy Loading

{{data.field2}}

Data Streaming

Count: {{sampleData4 && sampleData4.length}}
{{data.field2}}

Grouping

{{data || '(empty)'}} {{getGroupSummary(data)}} {{data.ContactTitle}}
Selected Items: {{item.ContactName}}
{{data.stringField2}} Link Value: {{data.checkboxField}} {{data.numberField}} Value: {{data.toggleField}}
Selected Item: {{selectedData1 && selectedData1.stringField1}} , Selected Index: {{simpleDataTable.getActiveRenderedItemIndex()}} Select Item By Index:
Added Data: {{getDataJsonTextForAddedData()}}
Updated Data: {{getDataJsonTextForUpdatedData()}}
Deleted Data: {{getDataJsonTextForDeletedData()}}