jQuery Grid Plugin - jqGrid

    var gridUrl = '/knowledge/linksgrid/id/' + '<?php echo $this->common->getId(); ?>';
    
    jQuery("#linklist").jqGrid({
        url: gridUrl,
        mtype: "POST",
        editurl: "/knowledge/linkoperations/source/<?php echo $this->common->getId(); ?>",
        datatype: "json",
        height: "100%",
        sortname: 'objectlabel',
        rowNum: 30,
        colNames:['Id', 'Class raw name', 'Class', 'Name', 'Relation'],
        colModel:[
                {name:'id', index:'id', hidden:true},
                {name:'classname', index:'classname', hidden:true},
                {name:'classlabel', index:'classlabel', hidden:true },
                {name:'objectlabel', index:'objectlabel', sortable:true, align:"left", formatter: objectlink },
                {name:'relation', index:'relation', sortable:true, align:"left", editable: true, edittype:'text'},
        ],
        pager: "#linklist-pager", // Footer id, for paging + delete button
        caption: "",
        autowidth: true,
        multiselect: true,
        cellEdit: true,
        grouping:true,
        groupingView : {
            groupField : ['classname'],
            groupText : ['<span class="title"><span>{0}</span> ({1})</span><span class="addlink"><a href="/knowledge/managelink/name/{0}/mode/new/source/<?php echo $this->id ?>" rel="linkmgmtform" onclick="addLink($(this)); return false;">Add link</a></span>'],
            groupCollapse : false,
            groupOrder: ['asc'],
            groupColumnShow : [false]
        }
    });