表格按 JavaScript 中的总列排序

Question

我正在尝试按总值对表格进行排序。 链接。 这可行，但是当两个表元素具有相同的点时它会失败。

我正在尝试使用 javascript 对表格进行排序，最后按总分排序。 该表是动态表，因此 W1、W2、W3 列加起来为总数。 每一行也是动态创建的。

请帮忙

 const sortTotal = () => { const tbl = [...document.getElementsByClassName("fl-table")][0]; const tbody = [...tbl.tBodies][0]; const oObjects = []; [...tbody.rows].forEach(row => { const cells = [...row.cells]; const obj = [...row.cells].map(cell => { return cell.innerHTML; }); oObjects.push(obj); }); oObjects.sort((a, b) => a[a.length -2] > b[b.length -2]? 1: -1); [...tbody.rows].forEach((row, i) => { [...row.cells].forEach((cell, j) => { cell.innerHTML = oObjects[i][j]; }); }); }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button onClick="sortTotal()"> Sort</button> </button> <table class="fl-table"> <thead> <tr> <th>Player</th> <th>Player Name</th> <th>W1</th> <th>W2</th> <th>Total</th> </tr> </thead> <tbody> <tr> <td class="agl-profile-img-new"><img src="https://via.placeholder.com/70C/O https://placeholder.com/"></td> <td>Heather Rankin</td> <td>4</td> <td>21</td> <td>25</td> </tr> <tr> <td class="agl-profile-img-new"><img src="https://via.placeholder.com/70C/O https://placeholder.com/"></td> <td>Stephen Puopolo</td> <td>3</td> <td>1</td> <td>4</td> </tr> <tr> <td class="agl-profile-img-new"><img src="https://via.placeholder.com/70C/O https://placeholder.com/"></td> <td>Latheesh VM V</td> <td>2</td> <td>26</td> <td>4</td> </tr> </tbody> </table>

Answer 1

您按错误的列排序。 a[a.length -2] > b[b.length -2]应该是a[a.length -1] > b[b.length -1]并且 sort 总共会产生 25、4、4