Таблица-список

[svobodniy]

Добрый день.

Есть необходимость сделать пронумерованную таблицу-список. Проблема в том, что она часто пополняется или изменяется и тогда приходится заново нумеровать строки с места добавления/удаления строк. Попытался сделать 2 таблицы вложенные в одну главную: в первой - столбик номеров строк, во второй - данные. Так легче корректировать номера: если добавляются/удаляются строки, просто добавляем или удаляем номера внизу первой таблицы. Но есть загвоздка, некоторые строки в таблице с данными имеют 2-3 строки (данные в ячейки записаны через <br>, например, 2 мобильных номера телефона у человека), и тогда первая таблица с номерами съезжает.

Вопрос: как можно написать таблицу-список, чтобы не нужно было изменять номера строк каждый раз при добавлении/удалении данных?

Писал с помощью стандартных тегов <table> <tr> <td>...

[Justnewone]

  svobodniy said:

Добрый день.

Есть необходимость сделать пронумерованную таблицу-список. Проблема в том, что она часто пополняется или изменяется и тогда приходится заново нумеровать строки с места добавления/удаления строк. Попытался сделать 2 таблицы вложенные в одну главную: в первой - столбик номеров строк, во второй - данные. Так легче корректировать номера: если добавляются/удаляются строки, просто добавляем или удаляем номера внизу первой таблицы. Но есть загвоздка, некоторые строки в таблице с данными имеют 2-3 строки (данные в ячейки записаны через <br>, например, 2 мобильных номера телефона у человека), и тогда первая таблица с номерами съезжает.

Вопрос: как можно написать таблицу-список, чтобы не нужно было изменять номера строк каждый раз при добавлении/удалении данных?

Писал с помощью стандартных тегов <table> <tr> <td>...

1. Если не знаете, пойти и изучить JS.

2. Воспользоваться им следующий способом, перечитывать каждый раз всю таблицу, и в заданном столбце вставлять ячейке ее порядковый номер, все в одной таблице, не в двух. просто будете удалять или добавлять строки.

[svobodniy]

А пример или ссылочку можно?

З.Ы. Думаете форумные возможности позволят такое сделать?

  Justnewone said:

1. Если не знаете, пойти и изучить JS.

Мне легче прогу на Делфи написать и генерить в ней таблицы Но хотелось вариант по-проще, что-нибудь из <table> соорудить... Таких вариантов вообще нет?

[Justnewone]

  svobodniy said:

А пример или ссылочку можно?

З.Ы. Думаете форумные возможности позволят такое сделать?

Мне легче прогу на Делфи написать и генерить в ней таблицы Но хотелось вариант по-проще, что-нибудь из <table> соорудить... Таких вариантов вообще нет?

Если не таблицей, а использовав теги OL>LI

[svobodniy]

Список не подходит, т.к. должны быть колонки. Приведу таблицы из 2х строк, одна из которых двойной высоты.

<table border="1" cellspacing="0" cellpadding="2" align="center">
<td>
<table rules="all">
<tr><th>№</th></tr>
<tr><th>1</th></tr>
<tr><th>2</th></tr>
</table>
</td><td>
<table rules="all">
  <tr>
    <th>имя</th>
    <th>ник</th>
    <th>моб. тел.</th>
    <th>ICQ#</th>
    <th>Skype</th>
    <th>e-mail</th>
  </tr>
  <tr>
    <td>Александр</td>
    <td>ххххххх</td>
    <td>915 ххх-хх-хх</td>
    <td>ххххххххх</td>
    <td></td>
    <td>ххххххх@mail.ru</td>
  </tr>
  <tr>
    <td>Антон</td>
    <td>ххххххххххх</td>
    <td>926 ххх-хх-хх<br>926 ххх-хх-хх</td>
    <td>хххххххххх</td>
    <td>хххххххх</td>
    <td>ххххххх@rambler.ru</td>
  </tr>
</table>
</td>
</table>

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

Есть конечно самый простой способ - добавить еще н-ное кол-во столбцов и записывать туда дополнительные телефоны и т.д. Тогда все строки в таблице будут одинаковой высоты.

З.Ы. Есть варианты решения проблемки? Помогите, пожалуйста

Да, вот еще скрин, чтобы не мучаться:

[s0rr0w]

Прошу прощения, но почему нельзя сделать вот так

<table rules="all">
  <tr>
	<th>№</th>
	<th>имя</th>
	<th>ник</th>
	<th>моб. тел.</th>
	<th>ICQ#</th>
	<th>Skype</th>
	<th>e-mail</th>
  </tr>
  <tr>
	<th>1</th>
	<td>Александр</td>
	<td>ххххххх</td>
	<td>915 ххх-хх-хх</td>
	<td>ххххххххх</td>
	<td></td>
	<td>ххххххх@mail.ru</td>
  </tr>
  <tr>
	<th>2</th>
	<td>Антон</td>
	<td>ххххххххххх</td>
	<td>926 ххх-хх-хх<br>926 ххх-хх-хх</td>
	<td>хххххххххх</td>
	<td>хххххххх</td>
	<td>ххххххх@rambler.ru</td>
  </tr>
</table>

[svobodniy]

Я ж написал, так при добавлении новой строки где-то по середине или в начале, надо менять всю нумерацию. В моем варианте (если бы его можно было доделать) при добавлении строки в правую таблицу, в левой надо добавить номер в конце, а не перенумеровывать заново...

[s0rr0w]

  svobodniy said:

Я ж написал, так при добавлении новой строки где-то по середине или в начале, надо менять всю нумерацию. В моем варианте (если бы его можно было доделать) при добавлении строки в правую таблицу, в левой надо добавить номер в конце, а не перенумеровывать заново...

Но синхронизации не сделать никак.

Это где будет использоваться?

[svobodniy]

Не в коммерческом виде - это точно. На закрытом командном форуме.

[s0rr0w]

  svobodniy said:

Не в коммерческом виде - это точно. На закрытом командном форуме.

Тогда копайте в эту сторону.

[SelenIT]

  Quote

Список не подходит, т.к. должны быть колонки.

Разве нельзя вложить отдельные таблицы для каждой строки (из первого варианта) в LI-шки от OL? Ну и поиграться с бордерами (плюс, наверное, list-style-position: inside). Например, вертикальные бордеры задать ячейкам, а горизонтальные LI-шкам — вот и будет видимость "автонумеруемой" таблицы .

Хотя предложение s0rr0w, конечно, правильнее. Только для IE7- понадобятся "костыли" через экспрешны...

[s0rr0w]

  SelenIT said:

Хотя предложение s0rr0w, конечно, правильнее. Только для IE7- понадобятся "костыли" через экспрешны...

Система закрытая. Так что костыли понадобятся тому, кто не перейдет на новый браузер