Card Layout Engine (React)

This example demonstrates the DataViews Card Layout Engine.

This example uses React.

This example demonstrates the DataViews Card Layout Engine. The card layout engine places each row in a defined block, or card. Each card is formatted in a row template and placed in a cell in a layout grid. This example shows two forms of card layout: a typical grid and a list. Use the buttons on the top right to switch between the two. In this sample, the following code is used to initialize the object: Note the following: A reference cardlayout.js is used. The key component is the CardLayout constructor. It loads the card layout engine. The rowTemplate option names the