JavaScript Table Filter Rows By Key Search v3.0

search-in-table.js

// Called by the input search element: onkeyup="pesquisar()"

const pesquisar = (keyWord, tableKey = 'table') => {
	const
		oldBody = document.querySelector(`${tableKey} tbody`),
		keyWord = keyRaw.toUpperCase(),
		newBody = oldBody.cloneNode(true)

	for (let row of newBody.children) {
		row.style.display = row.innerText.toUpperCase().includes(keyWord)
			? ''
			: 'none'
	}

	oldBody.replaceWith(newBody)
}

Old Version - v1.0

Only works with 1 column

// Called by the input search element: onkeyup="pesquisar()"

const pesquisar = _ => {
	const tabela = document.querySelector("table")
	const tr = tabela.getElementsByTagName("tr")
	const input = document.querySelector("#pesquisa")
	let filtro = input.value.toUpperCase()
	let td, controle, txtValor

	for (controle = 0; controle < tr.length; controle++) {
		td = tr[controle].getElementsByTagName("td")[2] // 3° Column
		
		if (td) {
			txtValor = td.textContent || td.innerText
			
			if (txtValor.toUpperCase().indexOf(filtro) > -1)
				tr[controle].style.display = ""
			else
				tr[controle].style.display = "none"
		}
	}
}

Old Version - v2.0

In large scale, have a too bad performance, because it renderizes for each row

// Called by the input search element: onkeyup="pesquisar()"

const pesquisar = (keyWord, tableKey) => {
	const
		tabela = document.querySelector(tableKey),
		linhas = tabela.querySelectorAll('tr')

	for (let linha of linhas) {
		linha.style.display = 'none'

		for (let coluna of linha.querySelectorAll('td')) {
			const txtValor = coluna.textContent || coluna.innerText

			if (txtValor.toUpperCase().indexOf(keyWord.toUpperCase()) > -1)
				linha.style.display = 'table-row'
		}
	}
}