これはそれほど難しいことではありません。簡単な方法は、.append：
を介して追加することです。$( '#table > tbody:last').append('<tr id="id"><td>stuff</td></tr>');
要素をリアルタイムで追加することは完全には不可能です。変更を「キャッチ」するには、ループで更新するAjaxクエリを実行する必要があります。したがって、完全にリアルタイムではありませんが、非常に近いです。サーバーの負荷はあるかもしれませんが、ユーザーは実際には違いに気付かないでしょう。
ただし、もっと関与する場合は、DataTables を確認することをお勧めします。 。並べ替え、ページング、フィルタリング、制限、検索、ajaxの読み込みなど、かなりの数の新機能が提供されます。そこから、ajaxを介して要素を追加してテーブルビューを更新するか、APIを介して追加することができます。私はしばらくの間、アプリでDataTablesを使用してきましたが、膨大な量のデータを使用できるようにする最大の機能として一貫して引用されています。
-編集-
明らかではないため、呼び出すDataTableを更新するには、Datatables呼び出しを変数に設定します。
var oTable = $('#selector').dataTable();
次に、これを実行して更新を行います：
oTable.fnDraw(false);
更新-5年後の2016年2月：これは2011年よりもはるかに可能です。Backbone.jsなどの新しいJavascriptフレームワークはデータベースに直接接続し、変更、更新、またはテーブルを含むUI要素の変更をトリガーできます。データの削除....これは、これらのフレームワークの主な利点の1つです。さらに、UIは、Webサービスへのソケット接続を介してリアルタイムの更新をフィードできます。これは、キャッチして処理することもできます。ここで説明する手法は引き続き機能しますが、今日でははるかに多くの「ライブ」な方法で物事を行うことができます。