Search

Has this been fixed? I get the same problem, but columns are aligned after I sort my data by clicking on a column header.

I did it a bit differently. I have a whole function that grabs a title and moves it into place. The reason I did this is because although I don't care if the title is visible as an H2 "pre-render", I simply want to maintain -titles- as titles. As in, from within my HTML. So to start with I have my markup: [code] My Title .... [/code] [code] ... fnDrawCallback : function(oSettings) { // other stuff titleSwap(this); // because 'this' is the table jQuery object already } ... [/code] And the function itself: [code] function titleSwap(obj) { var containerObject = obj.closest('.tableContainer'), // goes up the DOM tree to find the container div headingObject = containerObject.children('h2'), // goes back into the tree to find the header toolbarObject = containerObject.find('.ui-widget-header').first(); // finds my toolbar header. I use jQuery UI so .ui-widget-header was a handy class to grab. You're using jQuery UI, too, so you're good! toolbarObject.append(headingObject); // move the H2 (the whole thing, not just its contents) into the table's header } [/code] And of course to get it to appear properly, some CSS will be required. Note on CSS: I might be missing styling on another element that affects this. I've customized things here and there and I don't have a mental inventory of what's different vs. DT's CSS as well as jQuery UI's CSS. But the general idea is this: [code] /* avoid FOUC while AJAX fetch is taking place */ .tableContainer h2 { display:none; } /* center that mutha! */ .ui-widget-header h2 { display: block; text-align: center; } [/code] Is it a lot of work just to do this? Probably. But now as our application moves forward, the markup makes semantic sense. Our tables are not just widgets within a page, they are the basis of each page that they appear in. The table header is effectively the header for the information for the whole page; they could even be h1 and be semantically sensible. If anybody ever needs to update a table's title, they can intuitively and naturally see that it's in the markup; they don't need to dig through my initialization objects to find them.

Anyone has a clue about this ? I tried taking a peek at the fnFilter code but I don't think I'm good enough to fix it quickly at this point.

ok thank you very much

within .php file. I searched a bit on documentation

Hello Allan, I wont AUTOMATICALLY insert strings into the input field, only when i click on one of my 16 text links. My Datatable looks like this: [code] < script type="text/javascript" charset="utf-8"> var oTable; /* Formating function for row details */ function fnFormatDetails ( nTr ) { var aData = oTable.fnGetData( nTr ); //<![CDATA[ var sOut = '<table cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;">'; sOut += '<tr><td>Name:<\/td><td>'+aData[1]+'<\/td><\/tr>'; sOut += '<tr><td>Zusatz/Info:<\/td><td>'+aData[2]+'<\/td><\/tr>'; sOut += '<tr><td>Stra

Hah! Damn - thanks for pointing that out. I'll take a look at and address that in the next release. Thinking about providing events which you can bind to in future for this kind of thing as well - hopefully make it easier :-) Regards, Allan

in case someone googles: cf. http://datatables.net/forums/comments.php?DiscussionID=4147 [code] oTable.fnFilter( '^$', 4, true, false ); [/code]

Nevermind, I figured it out by playing with this demo: http://datatables.net/examples/api/regex.html For anyone else who may be curious as to how this is accomplished, the js for doing what is described above is: [code] $('#documents_table').fnFilter('Articles of Incorporation|Bylaws', null, true, false); [/code]

No plans for DataTables core. Should be fairly easy to loop over the data and replace what you are looking for though. fnGetData and fnUpdate will help here. Allan