Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Нумерация строк таблицы / 13 сообщений из 13, страница 1 из 1
02.03.2018, 17:06
    #39609743
ypmail
ypmail
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нумерация строк таблицы
Доброго времени суток!

Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
table { 
counter-reset: rowNumber;
 } 

table tr { 
counter-increment: rowNumber;
 } 

table tr td:first-child::before { 
content: counter(rowNumber); 
 }



Нашёл такой интересный нумератор строк в таблице, но он нумерует строки вместе с заголовками, получаются значения: 2,3,4 и т.д.
Нужно, чтобы строки нумеровались 1,2,3 и т.д. А ещё нужно, чтобы нумеровались строки кроме последней.
В CSS полный чайник, подскажите как это сделать?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.03.2018, 17:19
    #39609748
Konst_One
Konst_One
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нумерация строк таблицы
thead tbody раздели
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.03.2018, 17:26
    #39609756
ypmail
ypmail
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нумерация строк таблицы
У меня таблицы из SQL в html программой целиком выводятся
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.03.2018, 17:28
    #39609758
Konst_One
Konst_One
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нумерация строк таблицы
ну вот пусть программа и строчки нумерует
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.03.2018, 17:29
    #39609760
ypmail
ypmail
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нумерация строк таблицы
По файлу-шаблону

Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style type="text/css">
     th {background-color: #C8ffff; text-align: center;}
     body {font-family: Verdana; font-size: 9pt;}
     h1 {font-family: Arial; font-size: 19pt; color: Teal;}
     table {font-size: 8pt;}
     tr.Footer {background-color: #ff64ff; color: #000000; font-weight: bold; font-size: 9pt;}
     tr.GroupHeader {font-weight: bold; text-decoration: underline;}
     tr.GroupFooter {background-color: #C8ffC8; color: #000000; font-weight: bold; font-style: italic;}
     tr.FieldFooter {background-color: #fffab4; color: Maroon; font-weight: bold;}
     tr+tr:hover{background-color: #e6e3da;}
     tr:last-child{background-color: #fffab4;color: Maroon;font-weight:  bolder;}

table { 
counter-reset: rowNumber;
 } 

table tr { 
counter-increment: rowNumber;
 } 

table tr td:first-child::before { 
content: counter(rowNumber = 1); 
 }


</style>
</head>
<body>
<h1>Сводный отчёт</h1>
<p>&nbsp;</p>
<h2>Отчёт 1</h2>
<table> <%Table1%></table>
<p>&nbsp;</p>
<h2>Отчёт 2</h2>
<table> <%Table2%></table>
<p>&nbsp;</p>
<h2>Отчёт 3</h2>
<table><%Table3%></table>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.03.2018, 17:30
    #39609761
ypmail
ypmail
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нумерация строк таблицы
Программа не умеет нумеровать, исходники закрытые, доработка невозможна
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.03.2018, 17:31
    #39609762
Konst_One
Konst_One
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нумерация строк таблицы
значит не повезло
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.03.2018, 17:35
    #39609765
ypmail
ypmail
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нумерация строк таблицы
а стилями не реально?
записи же у меня этим кодом нумеруются, вот только не совсем корректно. как подкрутить этот код?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.03.2018, 17:37
    #39609766
Alexander A. Sak
Alexander A. Sak
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нумерация строк таблицы
Вариант: добавить JS, который подшаманит DOM. Например, уберет заголовки в thead. Или вообще сам и пронумерует.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.03.2018, 17:53
    #39609775
ypmail
ypmail
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нумерация строк таблицы
Т.е. в шаблоне делаю ссылку на скрипт, а сам скрипт шаманит html?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.03.2018, 21:19
    #39609849
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нумерация строк таблицы
ypmailПо файлу-шаблону

Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style type="text/css">
     th {background-color: #C8ffff; text-align: center;}
     body {font-family: Verdana; font-size: 9pt;}
     h1 {font-family: Arial; font-size: 19pt; color: Teal;}
     table {font-size: 8pt;}
     tr.Footer {background-color: #ff64ff; color: #000000; font-weight: bold; font-size: 9pt;}
     tr.GroupHeader {font-weight: bold; text-decoration: underline;}
     tr.GroupFooter {background-color: #C8ffC8; color: #000000; font-weight: bold; font-style: italic;}
     tr.FieldFooter {background-color: #fffab4; color: Maroon; font-weight: bold;}
     tr+tr:hover{background-color: #e6e3da;}
     tr:last-child{background-color: #fffab4;color: Maroon;font-weight:  bolder;}

table { 
counter-reset: rowNumber;
 } 

table tr { 
counter-increment: rowNumber;
 } 

table tr td:first-child::before { 
content: counter(rowNumber = 1); 
 }


</style>
</head>
<body>
<h1>Сводный отчёт</h1>
<p>&nbsp;</p>
<h2>Отчёт 1</h2>
<table> <%Table1%></table>
<p>&nbsp;</p>
<h2>Отчёт 2</h2>
<table> <%Table2%></table>
<p>&nbsp;</p>
<h2>Отчёт 3</h2>
<table><%Table3%></table>
</body>
</html>

что мешает нопейсать <table><thead></thead><tbody><%Table3%></tbody></table>?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.03.2018, 08:10
    #39609904
ypmail
ypmail
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нумерация строк таблицы
Antonariyчто мешает нопейсать <table><thead></thead><tbody><%Table3%></tbody></table>?[/quot]
Не работает, заголовок не нумеруется, но нумерация строк с 2
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.03.2018, 12:06
    #39609957
ypmail
ypmail
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нумерация строк таблицы
Настроил нумерацию строк кроме последней итоговой и выведение итогов на SQL, всем спасибо!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Нумерация строк таблицы / 13 сообщений из 13, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 375ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1444261]:
 0ms
get settings:
 9ms
get forum list:
 13ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 57ms
get topic data:
 11ms
get forum data:
 2ms
get page messages:
 46ms
get tp. blocked users:
 1ms
others: 230ms
total:  375ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]