JSFiddle - React, Tailwind, and code Playground

by ncapito

HTML

<script src="http://www.datatables.net/download/build/jquery.dataTables.min.js"></script>
<script src="http://github.com/appendto/jquery-mockjax/raw/master/jquery.mockjax.js"></script>
<!doctype html>
<html lang="tr">
 <head>
    <meta charset="utf-8">
    <title>Binalar</title>
    <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css">

    <style>
        body { padding: 15px 30px; }
        .alignleft { float: left; vertical-align:text-bottom; }
        .alignright { float: right; vertical-align:text-bottom; }
        td { width: 25% }
    </style>
 </head>
 <body>
                   <div class="navbar">
              <div class="navbar-inner">
                <div class="container">
                  <a class="btn btn-navbar" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                  </a>
                  <div class="nav-collapse collapse navbar-responsive-collapse">
                    <ul class="nav">
                    <li class='active'><a href="binalar">Binalar</a></li>
                    <li ><a href="cihazlar">Cihazlar</a></li>
                    <li ><a href="kullanicilar">Kullanıcılar</a></li>
                    <li ><a href="gruplar">Gruplar</a></li>

                    </ul>
                    <ul class="nav pull-right">
                      <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">İlhan ŞUBAŞI <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                          <li><a href="#">Veritronik</a></li>
                          <li><a href="#">Seller</a></li>
                          <li class="divider"></li>
                          <li><a href="kullanicilar/logout">Çıkış</a></li>
                   ...

JavaScript

x = {
    aaData :[ ['nick', '[email protected]' ], ['john', '[email protected]']   ],
    iTotalDisplayRecords: 2,  
    iTotalRecords: 2,  
    sColumns: "FullName,Email",  

    
};


$.mockjax({
  url: '/getbuildings.json',
  responseTime: 750,
  responseText: x
});

 $('#binalar').dataTable({
        "bProcessing" : true,
        "bServerSide" : true,
        "sAjaxSource" : "/getbuildings.json"
        });