How to use span in dhtmlx grid

Suite and Optimus Suite 6
#1

columns=[{id:“name”, header :[{text:“Name”}]], given while declaring grid
I need two sub columns under name , first name and last name .
How to achieve this??? I’m using grid in react js

#2

You can follow the below link to add/remove spans:

https://docs.dhtmlx.com/suite/grid__usage.html#addingremovingspans

#3

here you can find a woirking example:
https://docs.dhtmlx.com/suite/samples/grid/02_configuration/01_header_spans.html
and a tutorial here:
https://docs.dhtmlx.com/suite/grid__configuration.html
so it’s like:

{ width: 150, id: "population", header: [{ text: "Population",rowspan: 2}] },
					{
						width: 150, id: "yearlyChange",
						header: [
							{ text: "Change", colspan: 2 },
							{ text: "Yearly" }
						]
					},