JSFiddle - React, Tailwind, and code Playground

by dkamburov

HTML

<script src="https://igniteui.com/js/modernizr.min.js"></script>
<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
<script src="https://cdn-na.infragistics.com/igniteui/latest/js/infragistics.core.js"></script>
<script src="https://cdn-na.infragistics.com/igniteui/latest/js/infragistics.lob.js"></script>
<link href="https://cdn-na.infragistics.com/igniteui/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet"></link>
<link href="https://cdn-na.infragistics.com/igniteui/latest/css/structure/infragistics.css" rel="stylesheet"></link>

<div id="grid"></div>

CSS

#grid_container
        {
            width: 100%;
            max-width: 560px;
        }

JavaScript

$(function () {

            var data = [
                      { "Name": "John Smith", "Age": 45 },
                      { "Name": "Mary Johnson", "Age": 32 },
                      { "Name": "Bob Ferguson", "Age": 27 }
                ];
            
            $("#grid").igGrid({"id":"grid1","autoGenerateColumns":false,"dataSource":{"Products":[{"ProductID":1,"Name":"Chairs","UnitsInStock":385,"UnitPrice":358.74353459046387,"DateAdded":"2004-06-20T20:18:20.469","InStock":true},{"ProductID":2,"Name":"Kitchen knifes","UnitsInStock":602,"UnitPrice":140.2894189303226,"DateAdded":"2000-02-21T22:56:16.331","InStock":true},{"ProductID":3,"Name":"Screwdrivers","UnitsInStock":608,"UnitPrice":567.4313109216425,"DateAdded":"2002-04-21T09:06:07.142","InStock":true},{"ProductID":4,"Name":"Desk lamps","UnitsInStock":402,"UnitPrice":785.9930772269113,"DateAdded":"2001-03-27T03:57:27.373","InStock":true},{"ProductID":5,"Name":"Monitors","UnitsInStock":338,"UnitPrice":157.42114473014192,"DateAdded":"2006-02-28T21:22:04.059","InStock":true},{"ProductID":6,"Name":"Beds","UnitsInStock":163,"UnitPrice":178.17069924351324,"DateAdded":"1996-10-24T06:51:53.93","InStock":true},{"ProductID":7,"Name":"Dinner tables","UnitsInStock":163,"UnitPrice":641.5009231499866,"DateAdded":"1999-11-19T06:10:35.984","InStock":true},{"ProductID":8,"Name":"Dinner tables","UnitsInStock":163,"UnitPrice":641.5009231499866,"DateAdded":"1999-11-19T06:10:35.984","InStock":true},{"ProductID":9,"Name":"Dinner tables","UnitsInStock":163,"UnitPrice":641.5009231499866,"DateAdded":"1999-11-19T06:10:35.984","InStock":true},{"ProductID":10,"Name":"Dinner tables","UnitsInStock":163,"UnitPrice":641.5009231499866,"DateAdded":"1999-11-19T06:10:35.984","InStock":true},{"ProductID":11,"Name":"Dinner tables","UnitsInStock":163,"UnitPrice":641.5009231499866,"DateAdded":"1999-11-19T06:10:35.984","InStock":true}]},"primaryKey":"ProductID","autoCommit":true,"height":"400px","width":"100%","columns":[{"headerText":"Product...