8/19/2019 Buscador Tabla

1/3

 

Buscar en el contenido de una tabla HTML con JavaScript     

function doSearch(){

var tableReg = document.getElementById('datos');var searchText = document.getElementById('searchTerm').v

alue.toLowerCase();var cellsOfRow="";var found=false;var compareWith="";

// Recorremos todas las filas con contenido de la tablafor (var i = 1; i < tableReg.rows.length; i++){

cellsOfRow = tableReg.rows[i].getElementsByTagNa

me('td'); found = false;// Recorremos todas las celdasfor (var j = 0; j < cellsOfRow.length && !found;

 j++){

compareWith = cellsOfRow[j].innerHTML.toLowerCase();

// Buscamos el texto en el contenido dela celda

if (searchText.length == 0 || (compareWith.indexOf(searchText) > -1))

{

found = true;}}if(found){

tableReg.rows[i].style.display = '';} else {

// si no ha encontrado ninguna coincidencia, esconde la

// fila de la tablatableReg.rows[i].style.display = 'none';

}}

}

#datos {border:1px solid #ccc;padding:10px;}#datos tr:nth-child(even) {background:#ccc;}#datos td {padding:5px;}

8/19/2019 Buscador Tabla

2/3

.headerCode {background-color:#555;overflow:hidden;clear:both;margin-top:0 auto;padding:10px;overflow:hidden;text-align:center;}

(adsbygoogle = window.adsbygoogle || []).push({});

Buscar en el contenido de una tabla con JavaScript

Código que muestra como se pueden realizar busquedas en una tabla de HTML con javascript.

Cadena a buscar

idNombreApellidos

GéneroEdad

1JuanPerezM<td>30

2JoseVazquezM31

3LuisAstorgaM25

4LuisaValdesF56

http://www.lawebdelprogramador.com

 

Puedes ver el código fuente en http://lwp-l.com/s2488

.publi_belowForms {clear:both;margin-top:10px;overflow:hidden;text-align:center;}

8/19/2019 Buscador Tabla

3/3

(adsbygoogle = window.adsbygoogle || []).push({});

sas.setup({domain:'http://www3.smartadserver.com',async:true,renderMode:1});sas.call("std",{siteId:59764,pageId:602451,formatId:28579,target:''});

var _gaq = _gaq || [];

 _gaq.push(['_setAccount', 'UA-2166074-1']); _gaq.push(['_trackPageview']);(function() {

var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);})();

var _comscore = _comscore || [];

 _comscore.push({ c1: "2", c2: "13280783" });(function() {var s = document.createElement("script"), el = document.getElementsByTagName("sc

ript")[0]; s.async = true;s.src = (document.location.protocol == "https:" ? "https://sb" : "http://b") + ".scorecardresearch.com/beacon.js";el.parentNode.insertBefore(s, el);})();

(function(){var tagjs=document.createElement("script");var s=document.getElementsByTagName("script")[0];

tagjs.async=true;tagjs.src="//dataxpand.script.ag/tag.js#site=63UCMvc";s.parentNode.insertBefore(tagjs,s);}());