Answers for "html datatable"

4

C# create DataTable

DataTable dt = new DataTable(); 
dt.Clear();
dt.Columns.Add("Name");
dt.Columns.Add("Marks");

DataRow _ravi = dt.NewRow();
_ravi["Name"] = "ravi";
_ravi["Marks"] = "500";
dt.Rows.Add(_ravi);
Posted by: Guest on August-20-2020
10

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
0

dataTables

//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
Posted by: Guest on August-24-2021
0

datatable

<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>
Posted by: Guest on October-05-2020

Browse Popular Code Answers by Language