Filtros HTML W3.JS


Elementos do filtro:

w3.filterHTML(selector)

Listas de filtros

Procure um nome no campo de entrada.

  • {{Nome do cliente}}

Exemplo

<input oninput="w3.filterHTML('#id01', 'li', this.value)">

<ul id="id01">
  <li>Alfreds Futterkiste</li>
  <li>Berglunds snabbkop</li>
...

Filtrar Tabelas

Nome País
Supermercado Berglund Suécia
Norte Sul Reino Unido
A caixa de alimentação do Alfred Alemanha
comida real Alemanha
Armazéns de Alimentos Reunidos Itália
Especialidades de Paris França
Comércio de ilhas Reino Unido
Adegas de Baco Rindo Canadá

Exemplo

<input oninput="w3.filterHTML('#id01', '.item', this.value)">

<table id="id01">
  <tr>
    <th>Customer</th>
    <th>City</th>
    <th>Country</th>
  </tr>
  <tr class="item">
    <td>Alfreds Futterkiste</td>
    <td>Berlin</td>
    <td>Germany</td>
  </tr>
  <tr class="item">
    <td>Berglunds snabbkop</td>
    <td>Lulea</td>
    <td>Sweden</td>
  </tr>
...