jqueryjqgridcolumn-chooser

Swap Selected and available columns of columnchooser dialogue + jqgrid

Current in columnchooser popup, selected columns come on the left side and available on right side, is there a way i can swap the columns to make available on left and selected on right ?

Solution

  • I prepared the demo for you, which demonstrates what you can do. It displays columnChooser dialog like

    enter image description here

    The demo uses the following code inside of onClickButton callback:

    $(this).jqGrid("columnChooser");
var $available = $("#colchooser_list .ui-multiselect > .available");
$available.prependTo($available.parent())
    .css({
        "border-left": "0 none",
        "border-right": "1px solid"
    });