Breaking News: Grepper is joining You.com. Read the official announcement!

html table filter by all columns

Clever Centipede answered on February 26, 2020 Popularity 7/10 Helpfulness 5/10

answer html table filter by all columns

related html table filter by all columns

html table filter by all columns

Comment

function myFunction() {
  var input, filter, table, tr, td, i;
  input = document.getElementById("myInput");
  filter = input.value.toUpperCase();
  table = document.getElementById("myTable");
  var rows = table.getElementsByTagName("tr");
  for (i = 0; i < rows.length; i++) {
    var cells = rows[i].getElementsByTagName("td");
    var j;
    var rowContainsFilter = false;
    for (j = 0; j < cells.length; j++) {
      if (cells[j]) {
        if (cells[j].innerHTML.toUpperCase().indexOf(filter) > -1) {
          rowContainsFilter = true;
          continue;
        }
      }
    }

    if (! rowContainsFilter) {
      rows[i].style.display = "none";
    } else {
      rows[i].style.display = "";
    }
  }
}

Popularity 7/10 Helpfulness 5/10 Language html

Source: stackoverflow.com

Tags: filter html html-table

Link to this answer
Share Copy Link

Contributed on Feb 26 2020

Clever Centipede

0 Answers Avg Quality 2/10

Closely Related Answers

html table filter by all columns

Comment

<input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for names.." title="Type in a name">

<table id="myTable" border="1">
  <tr class="header">
    <th style="width:60%;">Name</th>
    <th style="width:40%;">Country</th>
  </tr>
  <tr>
    <td>Alfreds Futterkiste</td>
    <td>Germany</td>
  </tr>
  <tr>
    <td>Berglunds snabbkop</td>
    <td>Sweden</td>
  </tr>
  <tr>
    <td>Island Trading</td>
    <td>UK</td>
  </tr>
  <tr>
    <td>Koniglich Essen</td>
    <td>Germany</td>
  </tr>
  <tr>
    <td>Laughing Bacchus Winecellars</td>
    <td>Canada</td>
  </tr>
  <tr>
    <td>Magazzini Alimentari Riuniti</td>
    <td>Italy</td>
  </tr>
  <tr>
    <td>North/South</td>
    <td>UK</td>
  </tr>
  <tr>
    <td>Paris specialites</td>
    <td>France</td>
  </tr>
</table>

Popularity 7/10 Helpfulness 5/10 Language html

Source: stackoverflow.com

Tags: html-table filter html f

Link to this answer
Share Copy Link

Contributed on Feb 26 2020

Clever Centipede

0 Answers Avg Quality 2/10

html table filter by all columns

Contents

More Related Answers

html table filter by all columns

Closely Related Answers

html table filter by all columns

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.