нумерация ячеек 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)
Новые темыОбъявленияСвободное общение
23:37 Стоит ли добавлять сайт в Rambler топ 100? 
09:56 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 
15:13 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 
12:59 2Index - быстрая индексация страниц сайта и обратных ссылок 
10:13 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 
14:32 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
23:00 Продвижение по ключам 
00:18 Продажа горячих лидов под крипту / Crypto Leads for Sale 
21:21 №1 Рассылка / Инвайтинг [TELEGRAM] | Приватный метод 
21:21 Trustpilot Reviews | Подниму рейтинг вашей компании 
21:21 Продвижение YouTube видео в топ поиска | Любой тип контента | Гарантия результата 
21:20 Установка|Настройка|Доработка|Наполнение сайтов|Дизайн|3D|Видеомонтаж 
20:03 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 
15:31 Создам под вашу нишу сетку сайтов-сателлитов для привлечения целевого трафика 
11:38 Про мясо 
13:28 Компьютерная мышь 
22:55 Ну что, кто куда деваете свои сайты? 
22:34 Используете беспроводные наушники? 
22:26 Какой фильм посмотреть сегодня вечером? 
17:13 Добро пожаловать в цифровой мир... 
22:51 Список обновленных тем пуст...