JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<link rel="stylesheet" href="//cdn.datatables.net/1.10.0/css/jquery.dataTables.css">
<script src="//cdn.datatables.net/1.10.0/js/jquery.dataTables.js"></script>
<table id="tbl">
            <thead><tr><th align="left">News</th></tr></thead><tbody>
    <tr>
        <td>
            <a href="#">News1</a></td></tr>
     <tr>
        <td>
            10/10/2012</td></tr>
       <tr>
        <td>
            <a href="#">News2</a></td></tr>
    <tr>
        <td>
            11/10/2012</td></tr>
       <tr>
        <td>
            <a href="#">News3</a></td></tr>
    <tr>
        <td>
            12/10/2012</td></tr>
       <tr>
        <td>
            <a href="#">News4</a></td></tr>
    <tr>
        <td>
            13/10/2012</td></tr>
       <tr>
        <td>
            <a href="#">News5</a></td></tr>
    <tr>
        <td>
            14/10/2012</td></tr>
       <tr>
        <td>
            <a href="#">News6</a></td></tr> 
   <tr>
        <td>
            15/10/2012</td></tr> 
    <tr>
        <td>
            <a href="#">News7</a></td></tr>
    <tr>
        <td>
            16/10/2012</td></tr>
    </tbody></table>

JavaScript

$(document).ready(function () {

     $('#tbl').dataTable({
        "pagingType": "full_numbers"
    });

});