Pricing Learn Community

Overview
CARDS

Grid columns

Tailwind CSS Grid columns

Use responsive grid columns utilities with TW elements. Create a grid layout by specifying the number of columns.

Basic example

Use the grid-cols-{n} utilities to create grids with n equally sized columns. The maximum number of columns {n} is 12.

01

02

03

04

05

06

07

08

09

10

11

12

13

HTML

        
            
        <div class="grid grid-cols-5 gap-4">
          <div>01</div>
          <!-- ... -->
          <div>13</div>
        </div>

Need even more robust tables? Try Data Den.

Quick customization & hyper-focus on data management
Easily integrate it with any project (not only MDB)
Column Pinning, Drag&Drop Columns, Advanced Filtering & much more

For enterprise projects & users seeking advanced data controls. Tailor your data your way.

get early access explore

Basic example
Related resources