Форум

avsavs · #1 (**permalink**) 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>

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

рони · #2 (**permalink**) 18.06.2018, 11:28

Сообщение от avsavs

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

1.

Сообщение от avsavs

rows1.length - 1

2. js не нужен для нумерации, достаточно css

рони · #3 (**permalink**) 18.06.2018, 11:41

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>

Форум

Справочник

Discord чат

Курсы javascript