jquery - Pagination DataTable Full Number - No Ellipsis still not showing after initialize plugin -
i'm new in using datatables have problem when trying use pagination. have initialized plugin pagination pagination still doesn't showing on table, function sort table , search used work. here i'm doing.
groupcategory = $('#groupcategory').datatable({ searching: true, responsive: true, "bsortclasses": true, "scrolly": "470px", "sdom": "ti", "bpaginate": true, "pagingtype": "full_numbers_no_ellipses" });
and use on table doing
<table id="groupcategory" class="table table-bordered table-hover"> <thead> <tr> <td>group</td> <td>description</td> </tr> </thead> <tbody> <tr> <td>group 1</td> <td>placeholder 1</td> </tr> <tr> <td>group 2</td> <td>placeholder 2</td> </tr> <tr> <td>group 3</td> <td>placeholder 3</td> </tr> <tr> <td>group 4</td> <td>placeholder 4</td> </tr> <tr> <td>group 5</td> <td>placeholder 5</td> </tr> <tr> <td>group 6</td> <td>placeholder 6</td> </tr> <tr> <td>group 7</td> <td>placeholder 7</td> </tr> <tr> <td>group 8</td> <td>placeholder 8</td> </tr> <tr> <td>group 9</td> <td>placeholder 9</td> </tr> <tr> <td>group 1</td> <td>placeholder 1</td> </tr> <tr> <td>group 10</td> <td>placeholder 10</td> </tr> <tr> <td>group 11</td> <td>placeholder 11</td> </tr> <tr> <td>group 12</td> <td>placeholder 12</td> </tr> <tr> <td>group 13</td> <td>placeholder 13</td> </tr> <tr> <td>group 14</td> <td>placeholder 14</td> </tr> <tr> <td>group 15</td> <td>placeholder 15</td> </tr> <tr> <td>group 16</td> <td>placeholder 16</td> </tr> <tr> <td>group 17</td> <td>placeholder 17</td> </tr> <tr> <td>group 18</td> <td>placeholder 18</td> </tr> <tr> <td>group 19</td> <td>placeholder 19</td> </tr> <tr> <td>group 20</td> <td>placeholder 20</td> </tr> </tbody> </table>
on table information show table has data showing 1 10 of 20 entries, pagination still not showing. declared on html page
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> <script src="https://cdn.datatables.net/1.10.13/js/jquery.datatables.min.js"></script> <script src="https://cdn.datatables.net/plug-ins/1.10.13/pagination/full_numbers_no_ellipses.js"></script> <script src="https://cdn.datatables.net/1.10.13/js/datatables.bootstrap.min.js"></script>
please me solve this
Comments
Post a Comment