Colspan / Cell-merge in Ninja Tables

This feature allows multiple adjacent cells to be combined into a single larger cell. To combine multiple cells in a row you have to give a value to your cells as #colspan# then the cell will be merged with the previous cells.

Please note that this feature will only work with Advanced Table (Legacy).

Example: 

First NameLast NameJob TitleCategory
JewelJhonWeb App DeveloperWordPress
Tailor Jhon ( It's taking two column )Web Developerweb Application
JohnDoeWeb Developer ( Note: it's really taking 2 columns )

To make this happen, first of all, create a table accordingly, then follow the screenshots given below. Or you can make a change any of the created tables.

Let’s start it by clicking on the edit icon of the specific table.

Then click on the edit icon of the specific column you want to merge. Note that in the cell merge option, it always takes previous cell value into a single cell when you merge columns.

From the above image, if you want to merge Job Title with Category then type #colspan# in the Category input field.

Data Screenshot:

Table Configuration Needed:

Colspan ninja Tables wpmanageninja
Colspan Example
Colspan ninja Tables wpmanageninja
Colspan Example

Then you will see how the magic happens. In the specific row, two columns will be merged automatically.

Colspan ninja Tables wpmanageninja
Colspan Example

Make your Table render type as Advanced Table (Legacy)

From Table Configuration -> Rendering Settings make your table as “Advanced Table (Legacy)”

 Make Ninja Tables as Legacy
Make Ninja Tables as Legacy
Upgrade to Ninja Tables Pro
Upgrade to Ninja Tables Pro and make your tables more powerful
Tags ,

Was this article helpful to you?

13 19

How can we help?

Please submit a support ticket if you have any question or pre-sale questions. Our Customer support engineers will answer your query as soon as possible

Open a support ticket