Почему сортировка по имени работает только по клику на возраст, а по клику на имя-ничего не происходит?

Question

[olya_097]

https://codepen.io/anon/pen/aXPmdb

Answer 1

[wagoodoogoo]

наверное потому что return rowB.cells[colNum].innerHTML>rowB.cells[colNum].innerHTML;
а должно быть return rowA.cells[colNum].innerHTML>rowB.cells[colNum].innerHTML;

и потом это сравнение возвращает true/false, а должно для сортировки возвращать -1 / 0 / 1, то есть

if (rowA.cells[colNum].innerHTML>rowB.cells[colNum].innerHTML) return 1;
else if  (rowA.cells[colNum].innerHTML<rowB.cells[colNum].innerHTML) return -1;
else return 0;

и ещё все строки участвуют в сортировки, а первая строка (заголовок) не должна

Comments

[olya_097]

wagoodoogoo, спасибо
и ещё все строки участвуют в сортировки, а первая строка (заголовок) не должна
--------------------------------------------------------------------------------------------------------------
как ограничить?

[olya_097]

wagoodoogoo,
и так как Вы предложили не совсем корректно получается
или я неправильно поняла суть?

https://codepen.io/anon/pen/xMmRRL

[wagoodoogoo]

разделите <thead> и <tbody>

<table id="grid">
  <thead>
  <tr>
    <th data-type="string">Имя</th>
    <th data-type="number">Возраст</th>
  </tr>
  </thead>
  <tbody>
   <tr>
    <td>Олег</td>
    <td>4</td>
  </tr>
  
   <tr>
    <td>Дима</td>
    <td>3</td>
  </tr>
  
  <tr>
    <td>Ольга</td>
    <td>6</td>
  </tr>
   <tr>
    <td>Алла</td>
    <td>1</td>
  </tr>
  </tbody>
</table>

https://codepen.io/wagood/pen/PVXBez