JSFiddle - React, Tailwind, and code Playground

by abuhamzah

HTML

<script src="http://cdn.datatables.net/1.10.2/js/jquery.dataTables.js"></script>
<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.2/css/jquery.dataTables.css">
 
  <div>
    <div class="widget-gridview">
      <table cellpadding="0" cellspacing="0" border="0" id="data" width="100%">
        <thead>
          <tr>
            <th style="width:6em"> continent</th>
            <th> capital</th>
            <th style="width:6em"> languages</th>
            <th style="width:4em"> population</th>
          </tr>
        </thead>
        <tbody>
          <tr class="odd">
            <td width="140"> </td>
            <td> </td>
            <td> </td>
            <td> </td>
          </tr>
        </tbody>
        <tfoot></tfoot>
      </table>
    </div>
  </div>

JavaScript

$(document).ready(function() {
      $('#data').dataTable({
        "bProcessing": true,
        "bServerSide": true,
        "sAjaxSource": "http://api.geonames.org/countryInfoJSON?username=design1online",
        "sPaginationType": "full_numbers"
      });
    });