JSFiddle - React, Tailwind, and code Playground

by minagabriel

HTML

<script src="https://rawgithub.com/minagabriel/jqueryGridView/master/jqueryGridView.js"></script>
<div id="div1"></div>
<div id="div2"></div>

JavaScript

var divs = ['div1', 'div2'];
for(var i in divs){
    divs[i] == 'div1' ? $('head').append('<link rel="stylesheet" type="text/css" href="https://rawgithub.com/minagabriel/jqueryGridView/master/style.css">') : $('head').append('<link rel="stylesheet" type="text/css" href="https://rawgithub.com/minagabriel/jqueryGridView/master/style2.css">')
    
$('#' + divs[i]).gridView({
                grid: {
                    data:[{fname:'foo',assigned:''}]
                   },

                   gridHeader: {
                       columns: [{text:'Name',width:'50%'} ,{text:'Assigned',width:'50%'}] 
                   },

                   gridBody: {
                       columns: [{object:'fname',style:'width:50%;padding-left:5px'},                        
                                 {object:'assigned',style:'width:50%',type: 'chechbox'}] , 
                       disableClick: false ,
                       onRowClick: function () {
                         alert('');
                    }
                   },
                   title: {
                       enabled: false,
                       text: 'result'
                   },
                   search: {
                       enabled: false,
                       imgUrl: 'External_Files/images/search.png',
                       onKeyPress: function () {

                       }
                   }
            });
}