Има ли начин да се „слуша“ за събитие в базата данни и да актуализира страница в реално време?

Това не е твърде трудно. Простият начин е да добавите чрез .append:

$( '#table > tbody:last').append('<tr id="id"><td>stuff</td></tr>');

Добавянето на елементи в реално време не е напълно възможно. Ще трябва да изпълните Ajax заявка, която се актуализира в цикъл, за да "хване" промяната. Така че, не напълно в реално време, но много, много близо до него. Вашият потребител наистина няма да забележи разликата, въпреки че натоварването на сървъра ви може.

Но ако ще се включите повече, предлагам да разгледате DataTables . Той ви дава доста нови функции, включително сортиране, пейджинг, филтриране, ограничаване, търсене и ajax зареждане. Оттам можете или да добавите елемент чрез ajax и да опресните изгледа на таблицата, или просто да добавите чрез неговия API. Използвам DataTables в приложението си от известно време и те постоянно са цитирани като функция номер 1, която прави огромното количество данни използваемо.

--Редактиране --

Тъй като не е очевидно, за да актуализирате DataTable, която извиквате, задайте извикването на Datatables на променлива:

var oTable = $('#selector').dataTable();

След това стартирайте това, за да направите актуализацията:

  oTable.fnDraw(false);

АКТУАЛИЗАЦИЯ -- 5 години по-късно, февруари 2016 г.:Това е много по-възможно днес, отколкото беше през 2011 г. Новите Javascript рамки като Backbone.js могат да се свързват директно към базата данни и да задействат промени в елементите на потребителския интерфейс, включително таблици при промяна, актуализиране или изтриване на данни....това е едно от основните предимства на тази рамка. Освен това, потребителските интерфейси могат да се подават с актуализации в реално време чрез сокет връзки към уеб услуга, които също могат да бъдат хванати и да се предприемат действия. Въпреки че описаната тук техника все още работи, днес има много по-„живи“ начини за правене на нещата.