Ini tidak terlalu sulit. Cara sederhana adalah menambahkan melalui .append:
$( '#table > tbody:last').append('<tr id="id"><td>stuff</td></tr>');
Menambahkan elemen secara real-time tidak sepenuhnya mungkin. Anda harus menjalankan kueri Ajax yang diperbarui dalam satu lingkaran untuk "menangkap" perubahan. Jadi, tidak sepenuhnya real-time, tetapi sangat, sangat dekat dengannya. Pengguna Anda benar-benar tidak akan melihat perbedaannya, meskipun beban server Anda mungkin.
Tetapi jika Anda ingin lebih terlibat, saya sarankan untuk melihat DataTables . Ini memberi Anda beberapa fitur baru, termasuk menyortir, paging, memfilter, membatasi, mencari, dan memuat ajax. Dari sana, Anda bisa menambahkan elemen melalui ajax dan menyegarkan tampilan tabel, atau cukup menambahkan melalui API-nya. Saya telah menggunakan DataTables di aplikasi saya untuk beberapa waktu sekarang dan mereka telah secara konsisten disebut sebagai fitur nomor 1 yang membuat sejumlah besar data dapat digunakan.
--Edit --
Karena tidak jelas, untuk memperbarui DataTable yang Anda panggil, setel panggilan Datatables Anda ke variabel:
var oTable = $('#selector').dataTable();
Kemudian jalankan ini untuk melakukan pembaruan:
oTable.fnDraw(false);
PEMBARUAN -- 5 tahun kemudian, Feb 2016:Ini jauh lebih mungkin hari ini daripada di tahun 2011. Kerangka kerja Javascript baru seperti Backbone.js dapat terhubung langsung ke database dan memicu perubahan pada elemen UI termasuk tabel tentang perubahan, pembaruan, atau hapus data.... itu salah satu manfaat utama kerangka kerja ini. Selain itu, UI dapat diumpankan pembaruan waktu nyata melalui koneksi soket ke layanan web, yang juga dapat ditangkap dan ditindaklanjuti. Meskipun teknik yang dijelaskan di sini masih berfungsi, ada lebih banyak cara "langsung" dalam melakukan sesuatu saat ini.
