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

Popular posts from this blog

commonjs - How to write a typescript definition file for a node module that exports a function? -

openid - Okta: Failed to get authorization code through API call -

ios - Change Storyboard View using Seague -