Bladephp: Now with 7+ codeigniter, php, and laravel project 7+ php project From $18/Year From Rs. 1000/Year

How to Responsive Datatable

by
Category:javascript
javascript jquery
How to Responsive Datatable

In the modern world of responsive web design tables can often cause a particular problem for designers due to their row based layout. Responsive is an extension for DataTables that resolves that problem by optimising the table's layout for different screen sizes through the dynamic insertion and removal of columns from the table. You may also like How to Datatable with ajax in Codeigniter and How to Ajax Pagination in Codeigniter.

Download Jquery File

Jquery Code

<link href="datatables-plugins/dataTables.bootstrap.css" rel="stylesheet">

<script src="datatables-plugins/dataTables.bootstrap.min.js"></script>
<script src="datatables-responsive/dataTables.responsive.js"></script>
<script>
$(document).ready(function() {
    $('#dataTables').DataTable({
        responsive: true
    });
});
</script>

0 Comments


Html code work in comment box


Related Post