Jquery-table-row-highlighter_0.3.js

View the original demo-page or the blog-post for more info.

Download

• jquery.trh-0.3.js (4.5kB)
• jquery.trh-0.3.min.js (1.8kB)

Parameters and initialisation

All parameters are optional

• highlightClass - which css-class to give the highlighted row (default: highlight)
• inputTimeout - in milliseconds, the longest time to wait between key-presses before starting a new query (default: 1000)
• debugElement - a DOM-referene to an input-element which will display the current query (default: null)
• column - which column of the matched table will the query be matched against, where first column of table is "1" (default: 0)

$(document).ready(function() {
  var params = {
			highlightClass : "highlight", // CSS-class added to the matching row
			inputTimeout : 1000, // In millisec
			debugElement : null, // Should be a reference to an Input-element
			column : 1, // Which column to check in each row - defaults to "1" (first col)
  		};

  $("table").highlighter(params);
});

Define a CSS-rule for the highlighted rows:

table tr.highlight td { background-color: yellow; }

Demonstration