How to add rows without redraw table and usin sajax

icsbcn

Hello,

I have a table with this initialization:

[code]
oTable = jQuery('.datatable').dataTable({
'bProcessing': true,
'bServerSide': true,
'sAjaxSource': "SCRIPT_PHP",
'aaSorting': [ [1,'asc'] ],
'bLengthChange': true,
'bPaginate': true,
'sPaginationType': 'full_numbers',
'iDisplayLength': 5,
'bInfo': false,
'bFilter': true,
'oLanguage': {
'sUrl': "URL_LANGUAGE"
},
'aoColumns': [
{ "bSortable": false, "sWidth": "22px" },
{ "sWidth": "120px" },
{ "bSortable": false, "sWidth": "120px" },
{ "bSortable": false, "sWidth": "120px" },
{ "sWidth": "80px" },
{ "bSortable": false, "sWidth": "22px" }
],
'fnDrawCallback': function() {
InitDades();
}
});
[/code]

Now I would like that when someone do click in a row, appeared 2 row below it asking if you want to do an action 1 or action 2 without making a new call to my SCRIPT_PHP

Any suggestions? I've tried with this fnAddData, fnAddDataAndDisplay() and fnAddTr() but I have not succeeded

Thank you so much.