Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Применение библиотек > добавить строку в таблицу

Автор: evya 9.9.2010, 15:16

Подскажите как методом jquery или другим
добавить в таблицу строку
в начало таблицы.

за ранее спасибо

Автор: bars80080 9.9.2010, 18:54

ну, вроде как должно прокатить:

Код


var t = document.getElementById('table');
var tr = t.document.getElementsByTagName('tr');

var obj = document.createElement('tr');
// здесь задание характеристик и наполнение элемента
t.insertBefore(obj, tr[0]); // с порядком аргументов мог напутать

как-то так

Автор: Любитель 10.9.2010, 00:18

Если именно jQuery:

Код


var table = $('...'); // our table selector
table.prepend('<tr></tr>');

Но, что-то мне подсказывает (не проверял), что надо ещё добавить table.find('tbody').prepend...

Автор: gcc 13.9.2010, 13:36

так работает:

Код


 $("#id_table").prepend( " <tr id='tr-"+ msg.for[i].id_cm +"'>    <td colspan='3' align='left'> ........................

Автор: Любитель 13.9.2010, 15:23

Нет, не работает. Нужно брать tbody. Иначе в 6-ом и 7-ом ие (1-ый - фиг с ним, но про 2-ой точно никто ещё забывать е сбоирается) ничего не добавится.

Автор: ksnk 13.9.2010, 15:36

imho, самое правильное - сделать один или несколько "шаблонных" строк в таблице. которые будут скрыты и будут располагаться в начале таблицы.

Код


<table>
<tr id="tpl_FIRST_ROW" style="display:none;"><td></td><td></td></tr>
<tr id="tpl_SECOND_ROW" style="display:none;"><td colspan=2></td></tr>
<tr ><td>Реальная строчка 1</td></tr>
</table>

если tpl_SECOND_ROW - последний шаблон, то вставить строчку, используя tpl_FIRST_ROW как шаблон можно вот так.

Код


$("#tpl_FIRST_ROW").clone().removeAttr('id').insertAfter("#tpl_SECOND_ROW")
 .find('td:first').html('Hello').end()
 .show();

Добавлено @ 15:39
Что-то топикстартер давненьо тут не появлялся... smile

Автор: gcc 13.9.2010, 19:56

Модератор: Сообщение скрыто.