Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- 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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement