Сообщение от louboutin
|
спасибо большое! а можете подкинуть скрипт с такой же сортировкой на чистом JS ?
|
<!DOCTYPE html>
<html>
<head>
<title>Untitled Page</title>
</head>
<style>
table
{ border-collapse: collapse; }
td
{ padding: 3px;
border: 1px solid black;
}
</style>
<script>
window.addEventListener("DOMContentLoaded", function () {
document.getElementById('filter').onchange = function () {
var filter = this.value,
rows = document.querySelectorAll('table tr');
for (var i = 0; i < rows.length; i++) {
var exist = false,
cells = rows[i].querySelectorAll('td');
for (var j = 0; j < cells.length; j++) {
exist = exist || (cells[j].innerText == filter || filter == '');
};
if (exist) { rows[i].style.display = 'table-row' }
else { rows[i].style.display = 'none' };
};
};
});
</script>
<body>
<div>
Фильтр
<select id='filter'>
<option value='' selected>Без фильтра</option>
<option value='адын'>№ 1</option>
<option value='два'>№ 2</option>
<option value='три'>№ 3</option>
</select>
</div>
<table>
<tr><td>адын</td><td>Что-то</td><td>Что-то</td><td>Что-то</td></tr>
<tr><td>Что-то</td><td>Что-то</td><td>Что-то</td><td>Что-то</td></tr>
<tr><td>Что-то</td><td>три</td><td>Что-то</td><td>Что-то</td></tr>
<tr><td>Что-то</td><td>Что-то</td><td>Что-то</td><td>адын</td></tr>
<tr><td>Что-то</td><td>Что-то</td><td>Что-то</td><td>Что-то</td></tr>
<tr><td>Что-то</td><td>адын</td><td>два</td><td>три</td></tr>
<tr><td>Что-то</td><td>Что-то</td><td>Что-то</td><td>Что-то</td></tr>
<tr><td>Что-то</td><td>три</td><td>три</td><td>Что-то</td></tr>
<tr><td>Что-то</td><td>Что-то</td><td>адын</td><td>Что-то</td></tr>
<tr><td>Что-то</td><td>два</td><td>Что-то</td><td>Что-то</td></tr>
<tr><td>Что-то</td><td>Что-то</td><td>два</td><td>Что-то</td></tr>
<tr><td>Что-то</td><td>два</td><td>Что-то</td><td>Что-то</td></tr>
</table>
</body>
</html>