JSFiddle - React, Tailwind, and code Playground

by psot98

HTML

<link rel="stylesheet" href="https://dl.dropbox.com/s/picncks1k0ck9o8/styles.css">
<link rel="stylesheet" href="https://dl.dropbox.com/s/p94doltbpn9khdu/themes.css">
<link rel="stylesheet" href="https://dl.dropboxusercontent.com/s/j9t4fyx1azprgyq/kendo.default.min.css">
<link rel="stylesheet" href="https://dl.dropbox.com/s/p0992yacp2whikj/kendo.common.min.css">
<link rel="stylesheet" href="https://dl.dropbox.com/s/fyxdfbd2fllso6t/base.css">
<script src="https://dl.dropboxusercontent.com/s/7tsdmsoyohiy7qe/kendo.window.min.js"></script>
<script src="https://dl.dropbox.com/s/td863b2klpzl73s/kendo.web.min.js"></script>
<script src="https://dl.dropbox.com/s/viaszgvjy1ne04i/kendo.dataviz.sparkline.js"></script>
<link rel="stylesheet" href="https://dl.dropbox.com/s/smtz7dd2r6kd0wv/kendo.dataviz.css">
<script src="https://dl.dropbox.com/s/n7lx37fymscbcow/kendo.dataviz.js"></script>
      <div class="span6 box gradient main_stting">
                <div class="dataTables_filter" id="txtSearch">
                    <label>
                        Search:
            <input type="text" aria-controls="DataTables_Table_0">
                    </label>
                </div>
                <div class="title">
                    <button class="btn ref" type="submit">Refresh</button>
                    <h3></h3>
                </div>
                <div class="content">
                    <div class="table"></div>
                </div>
            </div>

JavaScript

$(document).ready(function () {

      

            $('.table').kendoGrid({

               
                dataSource:
                    {
                        data: [
 
   {
       "Mac": "00:15:6D:BD:64:92",
       "RadioName": "Behrooz Hoseyn",
       "ApName": "Om11",
       "ApIp": "10.20.0.100",
       "TX": 48,
       "RX": 18,
       "Signal": -65,
       "Uptime": 797446,
       "InRate": 2,
       "OutRate": 2,
       "AccountingId": 750,
       "AccountingName": "بهروز حسيني",
       "RemoteIp": "188.121.123.48",
       "IsValidInScan": true,
       "Comments": null,
       "ApScanId": 26173,
       "InRateHistory": "0, 0, 0, 0, 2, 0, 2, 16, 96, 16, 96, 16, 96, 113, 31, 113, 31, 113, 31, 0",
       "OutRateHistory": "0, 5, 3, 5, 2, 5, 2, 35, 136, 35, 136, 35, 136, 164, 51, 164, 51, 164, 51, 4"
   },
   {
       "Mac": "00:15:6D:1E:B3:6C",
       "RadioName": "UBNT",
       "ApName": "Om11",
       "ApIp": "10.20.0.100",
       "TX": 54,
       "RX": 24,
       "Signal": -65,
       "Uptime": 310336,
       "InRate": 0,
       "OutRate": 0,
       "AccountingId": 820,
       "AccountingName": "******",
       "RemoteIp": "10.10.15.129",
       "IsValidInScan": true,
       "Comments": null,
       "ApScanId": 26173,
       "InRateHistory": "0, 0, 0, 0, 2, 0, 2, 16, 96, 16, 96, 16, 96, 113, 31, 113, 31, 113, 31, 0",
       "OutRateHistory": "0, 5, 3, 5, 2, 5, 2, 35, 136, 35, 136, 35, 136, 164, 51, 164, 51, 164, 51, 4"
   },
   {
       "Mac": "00:15:6D:1C:B1:89",
       "RadioName": "Grous Tajhiz P",
       "ApName": "Om11",
       "ApIp": "10.20.0.100",
       "TX": 48,
       "RX": 6,
       "Signal": -62,
       "Uptime": 122116,
       "InRate": 0,
       "OutRate": 0,
       "AccountingId": 595,
       "AccountingName": "حميد شمس لواساني",
       "RemoteIp": "188.121.124.17",
       "IsValidInScan": true,
       "Comments": null,
       "ApScanId": 26173,
       "InRateHistory": "0, 0, 0, 0, 2, 0, 2, 16, 96, 16, 96, 16, 96, 113, 31, 113, 31,...