For this showcase we created a customer data grid with just a few DMXzone extensions. The dynamic Bootstrap 3 Table is sortable by column, the paging and page status, are added with the help of the Data View component of DMXzone App Connect Data Traversal. Active class is applied to the table header for the column we are sorting on and also for the selected table row.

When you click on a table row, it automatically loads users' details in the panel on the left side. It's been done with the Data Detail component in DMXzone App Connect Data Traversal.