Список OL в столбце таблице

mishaga · March 9, 2011

Идея такая:

Имеется таблица с 6ю столбцами, в ём хотелось бы иметь постоянно увеличивающийся id (на подобие auto_increment MySQL). Строки таблицы выводятся динамически из БД, но брать id строки или инкремент цикла не хочется. Хочется по-пацански - чтоб список был =)

Для этого нужно затолкать список ol-li в таблицу, или таблицу в список или как?

Чё-то голова не может сообразить =)

Подскажите, кто сталкивался или кто придумал решение.

sigma77 · March 9, 2011

Идея такая:
Имеется таблица с 6ю столбцами, в ём хотелось бы иметь постоянно увеличивающийся id (на подобие auto_increment MySQL). Строки таблицы выводятся динамически из БД, но брать id строки или инкремент цикла не хочется. Хочется по-пацански - чтоб список был =)
Для этого нужно затолкать список ol-li в таблицу, или таблицу в список или как?
Чё-то голова не может сообразить =)
Подскажите, кто сталкивался или кто придумал решение.

Т.е. нужно что-то вида?

+—+————-+————-+
| N | Заголовок 1 | Заголовок 2 |
+—+————-+————-+
| 1 |			 |			 |
+—+————-+————-+
| 2 |			 |			 |
+—+————-+————-+

Имхо, счетчик тут самое пацанское будет, учитывая, что данные генерятся из БД

swetlana · March 9, 2011

вот самое пацанское решение :unsure:

хотя не факт, что для таблиц всегда и везде работать будет.

Но попробуйте.

Edited March 9, 2011 by swetlana

mishaga · March 9, 2011

Да, табличка такого вида

Да... список скрещивать с таблицей, наверное, всё-таки не кант =) чё-то я дуру гоню =)

Да, поздно уже, спать пора ложиться... Оу е...

sigma77 · March 9, 2011

вот самое пацанское решение
хотя не факт, что для таблиц всегда и везде работать будет.
Но попробуйте.

Это один вопрос. Другой что счетчик надо вставлять после чего-то или перед чем-то. Не вставлять же лишний элемент в ячейку...

Или у тебя другие варианты?

swetlana · March 9, 2011

тут если на что и завязывать, то на tr.

если ещё сработает (не проверяла), то как будет выглядеть — ещё один вопрос.

Зато по-пацански :unsure:

sigma77 · March 9, 2011

тут если на что и завязывать, то на tr.
если ещё сработает (не проверяла), то как будет выглядеть — ещё один вопрос.
Зато по-пацански

Хе, работает. Только на td. Тогда аккурат внутрь ячеек вставляет.

<!DOCTYPE html>
	<html lang="ru">
		<head>
			<title></title>
			<meta charset="utf-8" />
			<style>
				table { counter-reset: list;}
				td:after {
					counter-increment: list;
					content: counter(list);
				}
			</style>
		</head>
		<body>
			<table border="1">
				<tr><td></td></tr>
				<tr><td></td></tr>
				<tr><td></td></tr>
				<tr><td></td></tr>
				<tr><td></td></tr>
			</table>
		</body>
	</html>

swetlana · March 9, 2011

а если по нескольку ячеек в строке, то нумерует их все подряд.

Чтобы только строки нумеровать, надо

				td:first-child:after {
					counter-increment: list;
					content: counter(list);
				}

а это уже точно не везде будет работать.

sigma77 · March 9, 2011

а если по нескольку ячеек в строке, то нумерует их все подряд.
Чтобы только строки нумеровать, надо
				td:first-child:after {
					counter-increment: list;
					content: counter(list);
				}
а это уже точно не везде будет работать.

Работает, кроме тех, где не должно работать в принципе (ИЕ6/7, может старые версии других браузеров) :unsure:

swetlana · March 9, 2011

в IE8 тоже работает? (мне просто лениво его сейчас включать)

Так значит здорово.

Вот какое пацанское решение нашлось :unsure:

Бесполезное, правда, но забавное.

Или не бесполезное?

sigma77 · March 9, 2011

в IE8 тоже работает? (мне просто лениво его сейчас включать)
Так значит здорово.
Вот какое пацанское решение нашлось
Бесполезное, правда, но забавное.
Или не бесполезное?

И в ИЕ8 :unsure:

А решение не бесполезное, в определенных случаях вполне решает задачу.

mishaga · March 10, 2011

А решение не бесполезное, в определенных случаях вполне решает задачу.

Не бесполезное, но я всё равно сделал через инкремент цикла =)

Sign In

Список OL в столбце таблице

Question

Link to comment

Share on other sites

11 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information