datatable()

datatable

<link href="//cdn.datatables.net/1.10.21/css/jquery.dataTables.min.css" rel="stylesheet" type="text/css">
<script src="//cdn.datatables.net/1.10.21/js/jquery.dataTables.min.js"></script>

<table id="Table_ID">
  <thead>
    <tr>
        <th>Table_Head_1</th>
        <th>Table_Head_2</th>
        <th>Table_Head_3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
    	<td>Table_Data_1</td>
      	<td>Table_Data_2</td>
      	<td>Table_Data_3</td>
    </tr>
  </tbody>
</table>

<script>
$(document).ready( function () {
    $('#Table_ID').DataTable();
} );
</script>

Posted by: Guest on August-26-2020

Source

//datatable customization //#datatable will be replace with your table id or class following jqurey code formet $('#datatable').dataTable({ "lengthChange": true, "dom": '<"top"i>rt<"bottom"flp><"clear">', "lengthMenu": [[10,25, 50, 100, 500, 1000],[10,25, 50, 100, 500, "Max"]], "pageLength": 10, }); //dom is for changing position of the selecting lentgh menu field //lengthmenu is for defining ranges //pagelenth is the values or entity that will be shown at the time of load #firstview

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.22/datatables.min.css"/> <script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.22/datatables.min.js"></script>

Code answers related to "datatable()"

Code answers related to "Html"

Browse Popular Code Answers by Language

Answers for "datatable()"

Code answers related to "datatable()"

Code answers related to "Html"

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us