Create Columns for Syncfusion Gridview

Hi Nicholas,

You can achieve your goal by using this configuration :

{
"dataSource": [{
"OrderID": 10248,
"CustomerID": "VINET",
"Freight": 32.38,
"Store": "Store 1",
"OrderDate": "1996-07-03T14:30:00.000"
}, {
"OrderID": 10249,
"CustomerID": "TOMSP",
"Freight": 11.61,
"Store": "Store 2",
"OrderDate": "1996-07-04T14:30:00.000"
}, {
"OrderID": 10250,
"CustomerID": "HANAR",
"Freight": 65.83,
"Store": "Store 3",
"OrderDate": "1996-07-07T14:30:00.000"
}, {
"OrderID": 10251,
"CustomerID": "VICTE",
"Freight": 41.34,
"Store": "Store 1",
"OrderDate": "1996-07-08T14:30:00.000"
}, {
"OrderID": 10252,
"CustomerID": "SUPRD",
"Freight": 51.3,
"Store": "Store 2",
"OrderDate": "1996-07-07T14:30:00.000"
}, {
"OrderID": 10253,
"CustomerID": "HANAR",
"Freight": 58.17,
"Store": "Store 3",
"OrderDate": "1996-07-09T14:30:00.000"
}, {
"OrderID": 10254,
"CustomerID": "CHOPS",
"Freight": 22.98,
"Store": "Store 1",
"OrderDate": "1996-07-10T14:30:00.000"
}, {
"OrderID": 10255,
"CustomerID": "RICSU",
"Freight": 148.33,
"Store": "Store 2",
"OrderDate": "1996-07-11T14:30:00.000"
}, {
"OrderID": 10256,
"CustomerID": "WELLI",
"Freight": 13.97,
"Store": "Store 3",
"OrderDate": "1996-07-14T14:30:00.000"
}],
"columns": [{
"field": "OrderID",
"headerText": "Order ID",
"textAlign": "Right",
"width": 120,
"type": "number"
}, {
"field": "Store",
"headerText": "Store",
"textAlign": "Right",
"width": 120,
"type": "string"
}, {
"field": "CustomerID",
"width": 140,
"headerText": "Customer ID",
"type": "string"
}, {
"field": "Freight",
"headerText": "Freight",
"textAlign": "Right",
"width": 120,
"format": "C"
}, {
"field": "OrderDate",
"headerText": "Order Date",
"width": 140,
"format": "yMd"
}]
}


Additionally, we have a plethora of resources dedicated to showing you how to integrate and use Premium extensions, please visit the links below for more information.

Premium Extensions – Docs

Wisej Examples

You would also need to refer to the documentation from any third party widget that you’re using.

HTH,
Alaa