Ideal HTML table manipulation solution

I am building an HTML table based on the results of a query that returns XML that I'm converting to an HTML table using XSL. I've been as开发者_高级运维ked to add sorting, pagination and filtering. I was able to add some javascript libraries to enable sorting and pagination, and a different library to enable the filtering. However, since they are separate libraries, they do not cooperate, so when I filter, the table doesn't keep to the constraints of the 'entries per page' field.

I made some attempts at a few jQuery solutions, but couldn't get them to work. What I'm looking for is the best and (naturally) the easiest solution to adding pagination, column sorting and column filtering without the need to press enter or hit any buttons.

http://www.datatables.net/
Table Widget seems to be able to do the js part. Looks complicated too

$(document).ready(function() {
    $('#tableId').dataTable();
} );