how to search through a table javascript
(function() {
'use strict';
var TableFilter = (function() {
var Arr = Array.prototype;
var input;
function onInputEvent(e) {
input = e.target;
var table1 = document.getElementsByClassName(input.getAttribute('data-table'));
Arr.forEach.call(table1, function(table) {
Arr.forEach.call(table.tBodies, function(tbody) {
Arr.forEach.call(tbody.rows, filter);
});
});
}
function filter(row) {
var text = row.textContent.toLowerCase();
var val = input.value.toLowerCase();
row.style.display = text.indexOf(val) === -1 ? 'none' : 'table-row';
}
return {
init: function() {
var inputs = document.getElementsByClassName('table-filter');
Arr.forEach.call(inputs, function(input) {
input.oninput = onInputEvent;
});
}
};
})();
TableFilter.init();
})();
Also in JavaScript:
- get random entry from array javascript
- ejs / javascript check if array/object exists and is not empty
- vuejs router params
- react fontawesome
- javascript convert comma separated string to array
- save or update mongoose
- React Hook useEffect has a missing dependency:'. Either include it or remove the dependency array.
- how to uncheck a checkbox in jquery
- how to create an event calendar in javascript
- jQuery select elements by name
- how to get session value using javascript
- settimeout jquery
- how to validate date in react
- nodejs shebang
- javascript promise
- To append dropdown option using jquery
- hide status bar react native
- search bar in react js example
- how reliable is js hasownproperty
- Warning: Couldn't read data from file "accounts.json", this makes an empty
- react.createref()
- how to add multiple style attributes in react element
- add sass to react
- how to get the number of days in a month in javascript