Configurable options demoΒΆ

Modify options on the fly or set them as data attributes

You can use data-overlap="..." to allow or deny overlapping (defaults to false), data-compact="..." to reduce vertical space as much as possible (defaults to true) or data-resize=".." to resize the whole container to match its contents. This can also be done on the fly by using the option() method e.g. $(...).ltGrid('option', 'overlap', true)

Here’s how it looks in action:

<div
    data-arrange="layout-grid"
    data-overlap="false"
    data-compact="true"
    data-resize="true">
</div>

1

2

3

4

5

6

7