Grids in Vani help you structure and organize content inside a Space. They are tables that help you arrange information clearly, compare data side by side, or build structured layouts for projects and workflows.

Inserting a grid  

To insert a grid into the Zone:

1. Select Elements from the left toolbar.
2. Go to the Grid section and choose the type of grid you want.

The selected grid will be added to the Zone.

Adding rows and columns  

To add rows or columns to an existing grid:

1. Select the grid. A Quick Access Toolbar will appear near the selection.
2. Use the available options to add rows or columns at your preferred location in the grid.

Resizing Grids     

To resize a grid:

1. Select the grid.

2. Click and drag any edge or corner handle to adjust the overall grid size.

3. You can also modify Row Height and Column Width individually from the Format panel under the Grid section.

Formatting a grid  

1. Select the grid.
   
2. Click Format from the right toolbar.
   
3. Under the Grid section, you can modify the following settings:
   

• Rows - Add or remove rows from your grid. You can insert a row above or below the selected row to structure your content as needed.
  
• Columns - Add or remove columns. Use the options to insert a column to the left or right of your selection.
• Row Height - Adjust the height of rows by entering a value or using the up/down arrows. This helps you control spacing for text, images, or other elements inside the cells.
• Column Width - Adjust the width of columns similarly. This is useful for fitting content neatly or maintaining consistent proportions across the grid.
• Header - Configure whether your grid includes a header row or column. Options allow you to select:
  

• Header row at the top
• Header column on the left
• Both header row and column

• Alternative Row/Column - Toggle alternating row or column styles to improve readability. This visually distinguishes adjacent rows or columns by applying different background shades.
• Spacing - Control the spacing inside and between cells:
• Vertical spacing adjusts the space between rows.
• Horizontal spacing adjusts the space between columns.
• Gridlines - Manage cell borders:

• Show vertical lines only
• Show horizontal lines only
• Show all gridlines for full table structure

• Merge Cells - Combine two or more selected cells into a single larger cell. This is useful for headings or grouping content across multiple columns or rows.
• Split Cell - Split a previously merged cell back into individual cells to restore the original grid structure.