Untitled

html>
  <head>
      <base href="http://localhost/b1/">


       <link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/1.10.1/css/jquery.dataTables.css">


<!--<script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></script>-->
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script type="text/javascript" charset="utf8" src="http://cdn.datatables.net/1.10.1/js/jquery.dataTables.min.js"></script>

  </head>
  <body>

       <h1>Subscriber management</h1>
        <table id="big_table" border="1" cellpadding="2" cellspacing="1" class="mytable">
<thead>
<tr>
<th>id</th><th>message_id</th><th>subject</th><th>date</th></tr>
</thead>
</table>


<script type="text/javascript">
    $(document).ready(function () {
        var oTable = $('#big_table').dataTable({
            "bProcessing": true,
            "bServerSide": true,
//            "sAjaxSource": 'index.php/datatable_controller/datatable',
            "sAjaxSource": 'datatable_controller/datatable',
//            "bJQueryUI": true,
            "sPaginationType": "full_numbers",
//            "iDisplayStart ": 20,
//            "oLanguage": {
//                "sProcessing": "<img src='assets/images/ajax-loader_dark.gif'>"
//            },
              "columns": [
                        { "data": "id" },
                        { "data": "message_id" },
                        { "data": "subject" },
                        { "data": "date" }
                      ]
            "fnInitComplete": function () {
                oTable.fnAdjustColumnSizing();
            },
            'fnServerData': function (sSource, aoData, fnCallback) {
                $.ajax
                ({
                    'dataType': 'json',
                    'type': 'POST',
                    'url': sSource,
                    'data': aoData,
                    'success': fnCallback
                });
            }
        });
    });
</script>


  </body>
</html>