Using highlight plugin jquery datatable in visualforce
Using highlight plugin jquery datatable in visualforce
scanny
Posts: 2Questions: 1Answers: 0
Hi,
So I've included the following scripts and stylesheets:
<apex:includescript value="//code.jquery.com/jquery-1.12.3.js" / >
<apex:includescript value="//cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js" />
<apex:includeScript value="/soap/ajax/26.0/connection.js"/>
<apex:includeScript value="/support/console/26.0/integration.js"/>
<apex:stylesheet value="https://github.com/DataTables/Plugins/blob/master/features/searchHighlight/dataTables.searchHighlight.css"/>
<apex:includeScript value="https://github.com/DataTables/Plugins/blob/master/features/searchHighlight/dataTables.searchHighlight.js"/>
<apex:includeScript value="https://github.com/DataTables/Plugins/blob/master/features/searchHighlight/dataTables.searchHighlight.min.js"/>
<apex:includeScript value="https://bartaz.github.io/sandbox.js/jquery.highlight.js"/>
<
script type="text/javascript">
and I've set the searchHighLight parameter to true in my datatable initialization:
j$ = jQuery.noConflict();
j$(document).ready( function () {
var orderNotesTable = j$('[id$="ordernotestable"]').DataTable({
"searchHighlight" : true,
"aaSorting": [[0,"asc"]],
"bInfo" : false,
"aoColumnDefs": [ { "bSortable": false, "aTargets": [0, 1, 2, 3, 4 ] } ],
"iDisplayLength": -1,
"aLengthMenu": [[5, 10, 25, 50, -1], [5, 10, 25, 50, "All" ]],
"language": {
"emptyTable": "No current notes on this order."
},
but absolutely no effect. Any ideas?
Thanks
This question has an accepted answers - jump to answer
Answers
If I load the JS and CSS from the links you are using (github.com) the highlighting does not work. If I load them using the URL in this blog it works fine:
https://datatables.net/blog/2014-10-22
Note: I'm not using Visualforce.
HTH
Kevin
That worked! Thank you Kevin.