JSFiddle - React, Tailwind, and code Playground

by Oleg Kiriljuk

HTML

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/redmond/jquery-ui.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
<link rel="stylesheet" href="//rawgit.com/free-jqgrid/jqGrid/master/css/ui.jqgrid.css">
<script src="//rawgit.com/free-jqgrid/jqGrid/master/js/jquery.jqgrid.src.js"></script>
<table id="jqGrid"></table>
<div id="jqGridPager"></div>

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"}
];

    
        $(document).ready(function () {
            $("#jqGrid").jqGrid({
                datatype: "local",
				data: mydata,
                height: 250,
				width: 700,
                autoResizing: {
                    //compact: true,
                    fixWidthOnShrink: true
                },
				page: 1,
                colModel: [
{"name":"post_session_script","label":"Post Session...