Saya memiliki tabel HTML dengan header dan footer:
<table id="myTable">
<thead>
<tr>
<th>My Header</th>
</tr>
</thead>
<tbody>
<tr>
<td>aaaaa</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>My footer</td>
</tr>
<tfoot>
</table>
Saya mencoba menambahkan baris tbody
dengan yang berikut ini:
myTable.insertRow(myTable.rows.length - 1);
tetapi baris ditambahkan di tfoot
bagian.
Bagaimana cara saya memasukkan tbody
?
javascript
html
html-table
insert
row
Jérôme Verstrynge
sumber
sumber
Jawaban:
Jika Anda ingin menambahkan baris ke dalam
tbody
, dapatkan referensi ke sana dan tambahkan di sana.Demo yang berfungsi ada di sini . Anda juga dapat memeriksa dokumentasi di
insertRow
sini .sumber
tableRef.insertRow(tableRef.rows.length);
Anda dapat menggunakan sederhanatableRef.insertRow(-1);
untuk memasukkan baris di ujung tabel.Anda dapat mencoba cuplikan berikut menggunakan jQuery :
sumber
$(table).find('tbody').append( "<tr><td>aaaa</td></tr>" );
Pendekatan dasar:
Ini harus menambahkan konten berformat HTML dan menunjukkan baris yang baru ditambahkan.
sumber
Anda sudah dekat. Cukup tambahkan baris ke
tbody
bukantable
:Dapatkan saja referensi ke
tBody
(myTbody
) sebelum digunakan. Perhatikan bahwa Anda tidak perlu melewati posisi terakhir dalam sebuah tabel; itu secara otomatis diposisikan di akhir ketika menghilangkan argumen.Demo langsung ada di jsFiddle .
sumber
Saya pikir skrip ini adalah apa yang Anda butuhkan
sumber
Tambahkan baris:
Dan sel.
sumber
Saya sudah mencoba ini, dan ini bekerja untuk saya:
sumber
Anda dapat menggunakan contoh berikut:
File JavaScript:
sumber
Tambahkan Kolom, Tambahkan Baris, Hapus Kolom, dan Hapus Baris.
Cara paling sederhana
sumber