The Rowspan feature enables numerous cells of conjoining rows to be merged into a single row.

Let’s dive into this simple guide to learn how to use this feature in your table.

  • First, go to the Table where you want to apply this feature. Then go to the Custom CSS/JS option of the table.
Custom CSS /JS
Custom CSS /JS
  • Copy and paste the code from this file into the Custom Javascript option.

  • Don’t forget to click on the Save Custom Javascript button.
Custom Javascript
Custom Javascript
  • Now, go to the table column where you want to combine two rows.

  • Click on the edit icon of that specific column.

edit table column
  • A pop-up will appear after clicking on the edit icon.

  • Go to the Advanced Settings of the popup and Enter extra CSS classes into the column.

  • You must enter the class name combine in the Extra Classes field to use the provided custom javascript in this case.
Combined rows
Combined rows

  • After the custom javascript code is saved, it will be executed to combine the adjacent rows with identical data in the cells.

Combined Rows
Combined Rows

This is how you can create a Rowspan in your Ninja Tables.