jQuery plugin DataTables: How to highlight the current search text?

by

I would have to suggest the highlight plugin 🙂

I’m using this in about the same scenario right now, it’s given me no issues thus far.

The usage is pretty simple:

$("#myTable").highlight($("#searchBox").val());

Just put the highlight CSS class in your stylesheet styles like you want and that’s it:

.highlight { background-color: yellow }

More Related Contents:

  1. How to reload/refresh jQuery dataTable?
  2. TypeError: $(…).DataTable is not a function
  3. JQuery Datatables search within input and select
  4. jQuery DataTables server-side processing using ASP.NET WebForms
  5. jquery datatables hide column
  6. DataTables row.add to specific index
  7. Disable sorting for a particular column in jQuery DataTables
  8. How to use rowspan and colspan in tbody using datatable.js?
  9. How do I add button on each row in datatable?
  10. How to implement hierarchical multilevel datatable in javaScript?
  11. Datatables TypeError: c is undefined
  12. How to add Rowspan in JQuery datatables
  13. How to submit checkboxes from all pages with jQuery DataTables
  14. JQuery Datatables : Cannot read property ‘aDataSort’ of undefined
  15. How can I upload files asynchronously with jQuery?
  16. Why does my JavaScript code receive a “No ‘Access-Control-Allow-Origin’ header is present on the requested resource” error, while Postman does not?
  17. Stop form refreshing page on submit
  18. Variable doesn’t get returned from AJAX function
  19. TypeError: p.easing[this.easing] is not a function
  20. Rails 5: how to use $(document).ready() with turbo-links
  21. Hide scrollbar while still being able to scroll with mouse/keyboard [duplicate]
  22. JavaScript/jQuery check broken links
  23. How do I replace the entire HTML node using jQuery
  24. Change URL and redirect using jQuery
  25. How do I drag multiple elements at once with JavaScript or jQuery?
  26. Difference between screen.availHeight and window.height()
  27. Simulate drop file event
  28. can phantomjs work with node.js?
  29. Why do multiple `.appendTo` calls on a newly created jQuery element only append it once?
  30. Uncaught NotFoundError: Failed to execute ‘insertBefore’ on ‘Node’: The node before which the new node is to be inserted is not a child of this node

Leave a Comment