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).
|First Name||Last Name||Job Title||Category|
|Jewel||Jhon||Web App Developer||WordPress|
|Tailor Jhon ( It's taking two column )||Web Developer||web Application|
|John||Doe||Web 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.
Table Configuration Needed:
Then you will see how the magic happens. In the specific row, two columns will be merged automatically.
Make your Table render type as Advanced Table (Legacy)
From Table Configuration -> Rendering Settings make your table as “Advanced Table (Legacy)”