Wednesday, May 11, 2016

JQuery data table



<link href="~/Content/dataTable/cdn.datatables.net/1.10.9/css/dataTables.bootstrap.min.css" rel="stylesheet" />
<script src="~/Content/dataTable/datatables.net/media/js/site329d.js"></script>
<script src="~/Content/dataTable/code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="~/Content/dataTable/cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js"></script>
<script src="~/Content/dataTable/cdn.datatables.net/1.10.9/js/dataTables.bootstrap.min.js"></script>



<script type="text/javascript">
    $j = jQuery.noConflict();
    $j(document).ready(function () {
        //For data table
        $j('#example').DataTable({
            "iDisplayLength": 25,   // default load data
            "order": [[4, "desc"]],  // Default desc order
            stateSave: true,   // Maintain the paging session to next page
            // "bProcessing": true,
            // "bSort": false
            "aoColumnDefs": [{ 'bSortable': false, 'aTargets': [5] }]  // hide the column

        });
    });
</script>

No comments:

Post a Comment