<script type="text/javascript">
function search(clazz, elem) { var searchValue = elem.value.toLowerCase(); dojo.query("#myData ."+clazz).forEach(function(node) { console.log(elem.value); if (elem.value == "") { var tr = node.parentNode; tr.style.display = "table-row"; } else if (node.innerHTML.toLowerCase().indexOf(searchValue) > -1) {
var tr = node.parentNode;
tr.style.display = "table-row";
} else {
var tr =node.parentNode;
tr.style.display = "none";
}
});
}
</script><table id="myData">
<thead>
<tr>
<th>isbn</th>
<th>title<br/><input type="text" onkeyup="search('name', this)"/></th>
<th>author<br/><input type="text" onkeyup="search('nummer', this)"/></th>
<th>title2</th>
<th>author2</th>
</tr>
</thead>
<tbody>
<tr>
<td>First col</td>
<td class="name readonly">Sec col</td>
<td class="nummer readonly">third col</td>
<td class="hideBlock">forth col</td>
<td>fifth col</td>
</tr>
<tr>
<td>First col</td>
<td class="name readonly">row2 col</td>
<td class="nummer readonly">row2 col</td>
<td class="hideBlock">forth col</td>
<td>fifth col</td>
</tr>
</tbody>
</table>