Search

$("#SearchResultsTable").DataTable({ "destroy": true, "scrollY": "200px", "scrollCollapse": true, "paging": false, "data

#searchResults div.resultsWrapper div.results a.result:visited, #searchResultsStatic div.resultsWrapper div.results a.result:visited { color: #630C8E ; }

<div> <div> <div> <img src="~/studentpictures/@(Model.stu.ID).png" alt="" height="120" width="120" />

<div> <div> <div> <img src="~/studentpictures/@(Model.stu.ID).png" alt="" height="120" width="120" />

Below is the code which gets called on document ready, so that when the user clicks on any category he has to see the new table so we want to have a clean table so we are calling the $('#searchResults

$('#searchResultsTable').dataTable({

$.fn.dataTable.moment("YYYY-MMM-DD"); $(document).ready( function () { $("#SearchResultsDataTable").DataTable(); });

var tbl = $("#SearchResultsDataTable"); $(document).ready( function () { $.fn.tbl.moment("YYYY-MMM-DD"); tbl.dataTable(); });

var tbl = $("#SearchResultsDataTable"); $(document).ready( function () { tbl.dataTable(); });

var table = $('#SearchResultsGrid').DataTable({ data: result, responsive: true }); new $.fn.dataTable.FixedHeader(table);

+ '' } // $('#searchResults tbody').find("tr").remove(); $('#searchResults tbody').find('.generated').remove(); $('#searchResults tbody').append(html); // $('[da

table = $('#searchResults').DataTable({

{ table.destroy(); $('#searchResults').empty(); } table = $('#searchResults').DataTable( { "destroy": true, "data": res,

$('#searchResults').dataTable().fnDestroy();

key, title: key }) }); $('#searchResults').DataTable().destroy(); // $('#searchResults').empty(); var table = $('#searchResults').DataTable( { "destroy"

$('#searchResults').dataTable({

$('#searchResults').dataTable({

var table = $('#searchResults').dataTable();

oTable = $("#searchResultsTable").dataTable({

var tmpListTable = $('#searchResultsListTable').dataTable({