нумерация ячеек table с определенной ячейки
Страницы: 1
нумерация ячеек table с определенной ячейки
Здравствуйте. есть таблица вида:
<table>
    <tr>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>

Нужно в css сделать нумерацию левого столбца ячеек таблицы, но что бы не с первой ячейки, а с определенной - указанной.
спасибо!
_shpargalkablog.ru/2015/10/numbering-table.html
Мы не можем похвастаться мудростью глаз
И умелыми жестами рук,
Нам не нужно все это, чтобы друг друга понять.
Сигареты в руках, чай на столе - так замыкается круг,
И вдруг нам становится страшно что-то менять.
Цитата
Eye пишет:
что бы не с первой ячейки, а с определенной - указанной
спасибо, но там нету этого: что бы не с первой ячейки, а с определенной - указанной
хотя есть там такое, но работает криво - вставляет в таблицу слева еще одну колонку с ячейками и нумерует их .
fxcopy, Ваш вопрос там настолько обмусолен, аки рассказ о своём текущем положении начинается с Адама и Евы. Вы бы юзали норм программинг, а не извращались на стилях. Совсем уже задача именно программная, не знаю, чё эо Вас потянуло именно в css, итоговый код больше, эффективность под вопросом.
Цитата
fxcopy пишет:
хотя есть там такое, но работает криво - вставляет в таблицу слева еще одну колонку с ячейками и нумерует их .

Ну так уберите один td лишний, вот пример с третьей строки начинает нумеровать, проверил только что у себя на сайте, все ок


Код
 
<style>
.demotable {
  border-collapse: collapse;
  counter-reset: schetchik;
}
.demotable tbody tr:nth-child(n+3) {
  counter-increment: schetchik;
}
.demotable td,
.demotable tbody tr:before {
  padding: .1em .5em;
  border: 1px solid #E7D5C0;
}
.demotable tbody tr:before {
  display: table-cell;
  vertical-align: middle;
}
.demotable tbody tr:before,
.demotable b:after {
  content: counter(schetchik);
  color: #978777;
}
.demotable tbody tr:nth-child(-n+2):before {
  content: "";
}
</style>

<table class="demotable">
  <thead>
    <tr><td colspan="2">Начальное значение счётчика: <b></b>
  <tbody>
    <tr><td>вторая ячейка
    <tr><td>вторая ячейка
    <tr><td>вторая ячейка
    <tr><td>вторая ячейка
    <tr><td>вторая ячейка
    <tr><td>вторая ячейка
  <tfoot>
    <tr><td colspan="2">Всего (итоговое значение счётчика): <b></b>
</table> 


Не знаю, что у вас там за задача, но я такие вещи всегда делаю с помощью php
Изменено: Zerzes - 2 Января 2018 23:30
Народ! С помощью js ( jquery) делается все самым удобным способом.
Цитата
Coder пишет:
Народ! С помощью js ( jquery) делается все самым удобным способом.

Могут возникнуть проблемы с индексацией, а если на php, то везде будет все ок.
Zerzes, не совсем так - если естественным путём на этапе формирования ДОМ, а не после, то все нормально.
Нет. Google поймет, а yandex нет
Цитата
Zerzes пишет:
Могут возникнуть проблемы с индексацией
А зачем индексировать нумерацию строк? smile:confused:
Цитата
Zerzes пишет:

Не знаю, что у вас там за задача, но я такие вещи всегда делаю с помощью php
на рнр не подкините реализацию?
я в первом посте привел пример таблицы, без тегов:  <tbody>   <thead>
нашел это, прописывает нумерацию нормально в уже существующие ячейки, только как сделать что бы не с первой ячейки нумеровал?

table {
counter-reset: rowNumber;
}

table tr {
counter-increment: rowNumber;
}

table tr td:first-child::before {
content: counter(rowNumber); min-width: 1em; margin-right: 0.5em;
}
Изменено: fxcopy - 3 Января 2018 16:41
Страницы: 1
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
15:08 Adtrafico - Правильная партнёрская сеть под бурж трафик 
21:18 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 
21:06 Кто как борется с ботами ПФ? 
16:51 Buymedia.biz - рекламная сеть 
13:36 Партнерская программа OWNR WALLET 
14:10 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 
11:52 Партнерская программа Xoffers с прямыми офферами в вертикалях форекс, крипта и бинарные опционы. 
21:39 Coin Click.cc - Быстрый и надежный обмен электронных валют в два клика 
18:50 Европейский эквайринг 
18:36 Мобильные и Резидентные Прокси Для Соц Сетей | 3 Гб Бесплатно 
19:40 Высококачественные и надежные прокси-серверы и 5G 
16:16 ZennoPoster - софт №1 для автоматизации любых SEO задач! 
15:55 - Вечные ссылки с трастовых сайтов 2024 проверен FastTrust 
11:40 Криптовалютный обменник Xgram.io - новое воплощение качества 
02:05 Точные прогнозы на футбол 
15:43 Заказать телефонный флуд. 
12:05 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 
11:25 Флуд звонками 
11:40 Кто сделает прогон для адалт сайта? 
09:25 Добро пожаловать в цифровой мир... 
10:31 Видимо, похороны СУПРа уже прошли как-то по-тихому