нумерация ячеек 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)
Новые темыОбъявленияСвободное общение
21:18 Google покинул Россию: Сервисы под угрозой! 
21:13 Индексация страниц 
14:44 YouTube усиливает борьбу с азартными играми: новые ограничения вступят в силу 19 марта 
14:41 Продажи через видео: Wildberries запускает свой видеосервис 
20:15 Adfinity - Ваш надежный партнер в монетизации трафика 
20:04 Устали от Пустых Обещаний? Market-Place.su даёт реальные деньги! 
18:50 Как сделать ссылку видимой на вордпресс тема Jarida ? 
20:08 Куплю wp админки 
19:40 SwapPix.io - быстрый и безопасный обменник криптовалют. 
16:22 Рассылки СМС/SMS, Вайбер/Viber, Ватсап/Whatsapp, Телеграм/Telegram любой тематики по всему миру 
15:32 Онлайн обменник PONYBIT.RU - это выгодные курсы и низкие комиссии 
15:02 Belurk — высокоскоростные анонимные прокси от 0,24 рублей 
14:06 Заработок на криптовалюте, обмен через биржи за % 
11:15 Бустмаркет 
20:16 В мае 2025 года компания Skype прекращает свою работу 
19:57 С юмором по жизни! 
18:01 Топ-5 способов использовать мобильные прокси для бизнеса: подробный обзор 
15:07 Потеря для пиратского интернета: основатель Pirate Bay погиб! 
14:36 Wildberries бросает вызов «Почте России» и «Авито» – новая доставка уже в деле! 
14:33 Финансовая диета: самозапрет на покупки может стать реальностью 
06:04 Точные прогнозы на футбол