Мне нужно, чтобы моя таблица автоматически отсортировалась по двум столбцам ( Name, Available) при загрузке
Я пытаюсь отсортировать следующим образом, но получаю ошибку: condition is always true since types 'this' and 'number' have no overlap
в строке const sortedRows=sortedRowsByName !== 0 ? sortedRowsByName : sortedRowsByAvailable
.
Что я делаю не так?
const table = document.querySelector('.table_sort');
const indexToSorting = [...table.tHead.rows[0].cells].findIndex(cell => cell.classList.contains('sorted-asc'));
const availableIndexes = [...table.tHead.rows[0].cells].findIndex(cell => cell.classList.contains('available'));
const sortedRowsByName = [...table.tBodies[0].rows].sort((rowA, rowB) => {
const cellA = rowA.cells[indexToSorting].innerText;
const cellB = rowB.cells[indexToSorting].innerText;
const nameComparison = cellA.localeCompare(cellB);
return nameComparison;
});
const sortedRowsByAvailable = [...table.tBodies[0].rows].sort((rowC, rowD) => {
const cellC = rowC.cells[availableIndexes].innerText;
const cellD = rowD.cells[availableIndexes].innerText;
const availableComparison = cellC.localeCompare(cellD);
return availableComparison;
});
const sortedRows = sortedRowsByName !== 0 ? sortedRowsByName : sortedRowsByAvailable
table.tBodies[0].append(...sortedRows);
<table class="table_sort">
<thead>
<tr>
<th class="sorted-asc">Name</th>
<th>Genre</th>
<th>Publish year</th>
<th>Quanity</th>
<th class="available">Available</th>
</tr>
</thead>
<tbody id="tbody">
<tr>
<td>name1</td>
<td>genre1</td>
<td>year1</td>
<td>quantity1</td>
<td>available1</td>
</tr>
</tbody>
</table>