Hi,
Please, check: // create jqxDataTable.
` $(“#table”).jqxDataTable(
{
source: dataAdapter,
pageable: true,
altRows: true,
height: 400,
width: getWidth(“dataTable”),
columnsResize: true,
columns: [
{ text: ‘Supplier Name’, cellsAlign: ‘center’, align: ‘center’, dataField: ‘SupplierName’, width: 200 },
{ text: ‘Name’, cellsAlign: ‘center’, align: ‘center’, dataField: ‘ProductName’, width: 200 },
{ text: ‘Quantity’, dataField: ‘Quantity’, cellsformat: ‘d’, cellsAlign: ‘center’, align: ‘center’, width: 80 },
{ text: ‘Price’, dataField: ‘Price’, cellsformat: ‘c2’, align: ‘center’, cellsAlign: ‘center’, width: 70 },
{ text: ‘Address’, cellsAlign: ‘center’, align: ‘center’, dataField: ‘Address’, width: 120 },
{ text: ‘City’, cellsAlign: ‘center’, align: ‘center’, dataField: ‘City’ }
]
});`
Similarly, column reorder is enabled with columnReorder property.
Best regards,
Peter Stoev
jQWidgets Team
https://www.jqwidgets.com/