Сортировка HTML таблицы с JavaScript со значениями запятых в строках - PullRequest
Новая
       76

Сортировка HTML таблицы с JavaScript со значениями запятых в строках

0 голосов
/ 09 июля 2020

Я пытаюсь отсортировать столбец таблицы HTML, содержащий значения запятых. Я знаю, как сортировать значения, но я не уверен, как сортировать числа, имеющие значения запятых.

В приведенном ниже примере, если мы щелкнем заголовок «размер», он должен отсортировать по возрастанию или по убыванию, но сортировка выполняется не так, как ожидалось. Пожалуйста помоги мне с этим. Заранее большое спасибо.

HTML

<table>
    <tr><th>Country</th><th>Date</th><th>Size</th></tr>
    <tr><td>France</td><td>2001-01-01</td><td><i>95,000</i></td></tr>
    <tr><td><a href=#>spain</a></td><td><i>2005-05-05</i></td><td>1,850,000</td></tr>
    <tr><td><b>Lebanon</b></td><td><a href=#>2002-02-02</a></td><td>37,000</td></tr>
    <tr><td><i>Argentina</i></td><td>2005-04-04</td><td>100,000</td></tr>
    <tr><td>USA</td><td></td><td>6,000</td></tr>
</table>

JS

const getCellValue = (tr, idx) => tr.children[idx].innerText || tr.children[idx].textContent;

const comparer = (idx, asc) => (a, b) => ((v1, v2) => 
    v1 !== '' && v2 !== '' && !isNaN(v1) && !isNaN(v2) ? v1 - v2 : v1.toString().localeCompare(v2)
    )(getCellValue(asc ? a : b, idx), getCellValue(asc ? b : a, idx));

// do the work...
document.querySelectorAll('th').forEach(th => th.addEventListener('click', (() => {
    const table = th.closest('table');
    Array.from(table.querySelectorAll('tr:nth-child(n+2)'))
        .sort(comparer(Array.from(th.parentNode.children).indexOf(th), this.asc = !this.asc))
        .forEach(tr => table.appendChild(tr) );
})));

CSS

   table, th, td {
        border: 1px solid black;
    }
    th {
        cursor: pointer;
    }

Предыдущий ответ для сортировки, но не для значений запятых можно найти в приведенной ниже ссылке.

{ ссылка }

...