kostas88,
<meta charset="utf-8">
<style type="text/css">
#myTable tr{
display: none;
}
</style>
<input id='myInput' onkeyup='searchTable()' type='text'>
<script>
function searchTable() {
var input, filter, display, table, tr, i;
input = document.getElementById("myInput");
filter = input.value.toUpperCase();
table = document.getElementById("myTable");
tr = table.getElementsByTagName("tr");
for (i = 0; i < tr.length; i++) {
var text = tr[i].textContent.toUpperCase();
display = "";
if (filter && text.indexOf(filter) > -1 ) display = "table-row"
tr[i].style.display = display;
}
}
</script>
<table id="myTable">
<tbody>
<tr>
<td>Afghanistan</td>
<td>+93</td>
<td>Афганистан</td>
<td>Афганістан</td>
</tr>
</tbody></table>