нумерация ячеек 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)
Новые темыОбъявленияСвободное общение
01:12 Gambling Craft - гемблинг по белому 
21:48 Не работает Яндекс и Дзен 
21:33 В Google «бьют тревогу» из-за нового чат-бота ChatGPT 
21:32 SEO 2023: Яндекс раскрыл* главные факторы ранжирования (как занять ТОП ПС, получить много трафика и денег) 
20:26 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 
10:54 "Яндекс" работает над отечественным аналогом нейросети ChatGPT 
01:04 Profitov.Partners — международная CPA-сеть 
17:26 Обмен/Ввод/Вывод криптовалют и электронных денег в разных странах 
16:12 Готовые аккаунты Яндекс Директ с пройденной модерацией, с отлежкой, трастовые 
12:52 Obama.ru - безопасный обмен криптовалют и электронных денежных средств 
12:12 Ural-obmen.ru — выгодный сервис обмена 
11:55 Размещение статей, ссылок и постовых на качественных ресурсах 
10:06 BestChange – обменивать электронную валюту можно быстро и выгодно 
09:25 Продам базу данных Банки/физы/пенсы/БАДы 
22:54 С юмором по жизни! 
22:47 Нейросеть для "создания" видео. Теперь и актёры не нужны? Google представила Dreamix 
21:24 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 
21:22 Как ваш трафик, вчера-сегодня? 
22:22 Google разработал нейросеть MusicLM, которая генерирует музыку на основе текста 
18:32 Добро пожаловать в цифровой мир... 
22:25 Как получить рефералов и посетителей на сайт бесплатно.