jQuery UI Widgets Forums DataTable Anyone know the latest updates or changes regarding: DataTable?

This topic contains 1 reply, has 2 voices, and was last updated by  admin 3 weeks, 5 days ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author

  • pedro_barbosa
    Participant

    How to implement column reordering and resizing in jqxDataTable in an Angular app?


    admin
    Keymaster

    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/

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.