нумерация ячеек 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)
Новые темыОбъявленияСвободное общение
17:55 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
17:04 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 
15:43 Adtrafico - Правильная партнёрская сеть под бурж трафик 
12:50 Партнерская программа OWNR WALLET 
01:46 Настроить поставщиков в программе E-Trade PriceList Importer 
15:26 Найти элемент в коде 
11:51 Bropush - твой бро в монетизации сайта push-уведомлениями 
20:40 Ural-obmen.ru — выгодный сервис обмена 
20:29 Obama.ru - безопасный обмен криптовалют и электронных денежных средств 
18:15 Coin Click.cc - Быстрый и надежный обмен электронных валют в два клика 
16:54 Прием платежей для HIGH RISK | Прием платежей без сайта 
16:54 Услуги рассылки Viber|Whatsapp|IMO. 
16:53 Услуги рассылки Вконтакте 
16:53 Рассылка в TELEGRAM |Большой опыт работы | Любые тематики | Лучшая конверсия 
05:21 Точные прогнозы на футбол 
16:32 Видимо, похороны СУПРа уже прошли как-то по-тихому 
12:48 Каспкрски ОС 
11:21 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 
14:41 Бесплатный мини-аудит юзабилити и конверсии + технический SEO-аудит в подарок 
15:24 Добро пожаловать в цифровой мир... 
22:58 У меня дикая просадка по РСЯ за последние 3 суток