按两列香草js对表格进行排序

Question

如何在页面加载时按两列（名称、可用）对表格进行排序？

    <table class="table_sort">
    <thead>
    <tr>
        <th class="sorted-asc">Name</th>
        <th>Genre</th>
        <th>Publish year</th>
        <th>Quanity</th>
        <th>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>

我可以按一列（名称）对其进行排序

const table = document.querySelector('.table_sort');
const indexToSorting = [...table.tHead.rows[0].cells].findIndex(cell => 
cell.classList.contains('sorted-asc'));
const sortedRows = [...table.tBodies[0].rows].sort((rowA, rowB) => {
    const cellA = rowA.cells[indexToSorting].innerText;
    const cellB = rowB.cells[indexToSorting].innerText;
    return cellA - cellB || cellA.localeCompare(cellB);
});
table.tBodies[0].append(...sortedRows);

如何按名称对表格进行排序并在页面加载时可用？

Answer 1

TBH，我不明白您为什么要使用cellA - cellB ，但是如果cellA和cellB相等，您需要添加Available单元格的比较。

const nameComparison = cellA.localeCompare(cellB);
const availableComparison = cellC.localeCompare(cellD); // sorry for terrible naming, but you get the idea
return nameComparison !== 0 ? nameComparison : availableComparison

这将按名称对您的表进行排序，作为第一优先级，第二个可用。