Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Автонумерация строк в таблице (https://javascript.ru/forum/misc/74150-avtonumeraciya-strok-v-tablice.html)

avsavs 18.06.2018 11:23
Автонумерация строк в таблице
 
Добрый день, коллеги!

Пользовался скриптом автонумерации строк в таблице найденном на этом форуме
<script>
 var table1 = document.getElementById('induzd'),
 rows1 = table1.rows,
 text1 = 'textContent' in document ? 'textContent' : 'innerText';
 for (var i1 = 1; i1 < rows1.length; i1++) {
 rows1[i1].cells[0][text1] = i1 + rows1[i1].cells[0][text1];
 }
</script>


можно ли как-то запретить выводить номер на последней строчке таблицы?

рони 18.06.2018 11:28
Цитата:
Сообщение от avsavs
можно ли как-то запретить выводить номер на последней строчке таблицы?
1.
Цитата:
Сообщение от avsavs
rows1.length - 1
2. js не нужен для нумерации, достаточно css

рони 18.06.2018 11:41
Автонумерация строк в таблице css
 
avsavs,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
#induzd{
     counter-reset: myCounter 0;
  }


#induzd td:nth-child(1)::before {
  counter-increment: myCounter 1;
  content: counter(myCounter);
  text-align: center;
  margin: 5px 10px;
}

#induzd tr:last-child td:nth-child(1)::before
{
   content: "";
   margin: 5px 14px;
}

  </style>
 </head>

<body>
<table id="induzd">
    <tr>
        <td>test</td>
        <td>test</td>
    </tr>
    <tr>
        <td>test</td>
        <td>test</td>
    </tr>
    <tr>
        <td>test</td>
        <td>test</td>
    </tr>
    <tr>
        <td>test</td>
        <td>test</td>
    </tr>
    <tr>
        <td>test</td>
        <td>test</td>
    </tr>
</table>
</body>
</html>


Часовой пояс GMT +3, время: 11:01.