New to Kendo UI for Vue? Start a free 30-day trial
Spanned Columns
Updated on Feb 9, 2026
The Kendo UI for Vue Grid supports the spanning of the row content over multiple cells of data while the individual header and footer cells are retained.
This can be achieved by easily by implementing a colSpan callback to control the visibility of the chosen column. It will make the row content to span over multiple cells.
In the sample below, the colSpan prop is configured for the Product Name column which will be spanned to the Category Name one.
Change Theme
Theme
Loading ...
Spanned Column Headers
You can also use the colSpan prop in order to span multiple columns headers like demonstrated in the sample below.
Change Theme
Theme
Loading ...