jqGrid columnchooser example

by Oleg Kiriljuk

HTML

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/redmond/jquery-ui.css">
<link rel="stylesheet" href="//rawgit.com/free-jqgrid/jqGrid/master/css/ui.jqgrid.css">
<link rel="stylesheet" href="//rawgit.com/free-jqgrid/jqGrid/master/plugins/ui.multiselect.css">
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script src="//rawgit.com/free-jqgrid/jqGrid/master/plugins/ui.multiselect.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.4.5/jquery-ui-timepicker-addon.js"></script>
<script src="//rawgit.com/free-jqgrid/jqGrid/master/js/jquery.jqgrid.src.js"></script>
<table id="jqGrid"></table>
<div id="jqGridPager"></div>

CSS

html, body { font-size: 75%; }

JavaScript

var mydata = [
{"end_time":1418297439000,"start_time":1418297107000,"owner":"tyanai","session_status":"completed","name":"vm_basic_scopes.tyanai.14_12_11_13_25_04_2627"},
{"end_time":1418303972000,"start_time":1418303603000,"owner":"tyanai","session_status":"completed","name":"vm_basic_scopes.tyanai.14_12_11_15_13_22_1257"},
{"end_time":1418304098000,"start_time":1418303706000,"owner":"tyanai","session_status":"completed","name":"vm_basic_scopes.tyanai.14_12_11_15_15_03_0556"},
{"end_time":1418304242000,"start_time":1418303826000,"owner":"tyanai","session_status":"completed","name":"vm_basic_scopes.tyanai.14_12_11_15_17_03_6085"},
{"end_time":1418304376000,"start_time":1418303947000,"owner":"tyanai","session_status":"completed","name":"vm_basic_scopes.tyanai.14_12_11_15_19_04_2074"},
{"end_time":1418304505000,"start_time":1418304068000,"owner":"tyanai","session_status":"completed","name":"vm_basic_scopes.tyanai.14_12_11_15_21_04_7532"},
{"end_time":1418304658000,"start_time":1418304188000,"owner":"tyanai","session_status":"completed","name":"vm_basic_scopes.tyanai.14_12_11_15_23_04_4210"},
{"end_time":1418304802000,"start_time":1418304308000,"owner":"tyanai","session_status":"completed","name":"vm_basic_scopes.tyanai.14_12_11_15_25_04_1308"},
{"end_time":1418304916000,"start_time":1418304429000,"owner":"tyanai","session_status":"completed","name":"vm_basic_scopes.tyanai.14_12_11_15_27_05_2572"},
{"end_time":1418305023000,"start_time":1418304548000,"owner":"tyanai","session_status":"completed","name":"vm_basic_scopes.tyanai.14_12_11_15_29_04_3923"}
], n = mydata.length, item, i;

for (i = 0; i < n; i++) {
    item = mydata[i];
    item.start_time = Math.floor(item.start_time / 1000);
    item.end_time = Math.floor(item.end_time / 1000);
}

$("#jqGrid").jqGrid({
    data: mydata,
    width: 780,
    colModel: [
        {"name":"post_session_script","label":"Post Session...