Search

Hey, I want to global filter/search from index.php and get the value to datatable search input in search.php. Hope you get what i want. And is it possible to make column rows linkable? I'm outputting names and want to add a html/php code to the names. Regards, SeDo

Hey. I love the functionality of tabletools and the new tabletools 2! The thing is, I can't seem to activate it on my localhost. The exact example that comes with the "extras" in the datatables download just won't work (except for the print function that works fine). It won't work on ie6, ie8, and not even on ff... so probably I am missing somthing... Any thoughts? Thenks.

my code... [code] oTable = $('#' + tableId).dataTable( { "bProcessing": true, "bJQueryUI": true,

Hi averyone, I've started to use DataTable in one of my projets few weeks ago. This fantastic component have make my life very easier dispite a little problem: I'm working on a web application that has several tables into several diferent tabs (implement with javascript, not jquery-ui tabs()). These tables share the same configuration and css style although they have different number of columns. The issue is, some of them do not display the header unless some event force to redraw the column widht. Example: type something in the search field. I've looking for a solution for this problems for days, but nothing has worked until now. Do you guys have some clue about how to fix this problem? Below there is an exemple of the code that initialize one of the tables as well as the corresponding html code. Thanks alot in advance. $('#table-avail-exit').dataTable({ "oLanguage": { "sProcessing": "Processando...", "sLengthMenu": "Mostrar MENU sa

Hello, I tried searching the forum, but did not find a similar discussion. The issue is as follows: suppose you have a dataTable with these settings... $('#myTable').dataTable( { "bFilter": false, "sScrollY": "200px", "bPaginate": false, "bSort": true }); ...and then suppose that within your elements, the 's contain an element, such as a < div>, that has either absolute or relative positioning. Firefox and Chrome treat this scenario just fine, but in IE 6 and IE 8 (didn't test 7), the positioned < div> becomes "stuck", and stays in place when you scroll. Thoughts?

Hi All, In following html, when page is first served three rows are visible (Nokia, Sony, Tata ). But in html code (below) the order is (Nokia, Tata, Sony.). Same is the case when dynamic rows are added by clicking Click1, Click2, Click3. Can someone explain me this behavior please ? Thanks Arya [code] function fnFeaturesInit () { /* Not particularly modular this - but does nicely :-) */ $('ul.limit_length>li').each( function(i) { if ( i > 9 ) { this.style.display = 'none'; } } ); $('ul.limit_length').append( '<li class="css_link">Show more<\/li>' ); $('ul.limit_length li.css_link').click( function () { $('ul.limit_length li').each( function(i) { if ( i > 5 ) { this.style.display = 'list-item'; } } ); $('ul.limit_length li.css_link').css( 'display', 'none' ); } ); } $(document).ready( function() { fnFeaturesInit(); $('#example1').dataTable( { "bJQueryUI": true, "sPaginationType": "full_numbers", "aoColumns": [ null, null, null, {"sSortDataType": "jcurrency"}, {"sSortDataType": "jcurrency"} ] } ); } ); </script> Click1 Click2 Click3 Name RO No Starts Ends Consumed Nokia N89736 01/12/2010 12/02/2011 $300 this follows after Nokia Tata N89736 01/12/2010 12/02/2011 $2000 this follows after tata Sony N89736 01/12/2010 12/02/2011 $2000 this follows after sony [/code]

Hi, This is more a bug report than anything else unless somebody has already asked about this and found a fix. In Firefox, if you put your cursor in the search box on a DataTable and type "Ctrl + Z" ... undo ... before typing in anything else, it will filter the results down to 0 despite there being no text in the search box. Jereme

hi all.. i have 3 textfield and 1 show button..i want after i have been type some string inside that then click the button..rhe datatable can show what i'm looking for...this is my first code: "[code] $(document).ready(function() { var oTable; $("#showdata").click(function(event){ oTable = $("#datalist").dataTable({ "bRetrieve" : true, "bServerSide": true, "bProcessing": true, "sAjaxSource": 'showlist.php', "fnServerData": function (sSource,aoData,fnCallback){ aoData.push({"name":"line","value":$("#showline").val()}); aoData.push({"name":"model","value":$("#showmodel").val()}); aoData.push({"name":"NIK","value":$("#showNIK").val()}); $.ajax({ "dataType":'json', "type":'POST', "url":sSource, "data":aoData, "success":function(json){ fnCallback(json); } }); }, "aaSorting" : [[1,"desc"]], "aoColumns" : [ /*Line*/ null, /*Model*/ null, /*NIK*/ null ] }); [/code]"

Hi, Have successfully used datatables but have found a problem when the page is re-loaded whilst the initial load is still in progress with Google Chrome or Firefox. It is fine with IE. Basically, if the page is interrupted, the error is: DataTables warning: JSON Data from the server failed to load or be parsed. This is most likely to be caused by a JSON formatting error. [code] oTable = $('#example').dataTable({ "bSortClasses": false, "sPaginationType": "full_numbers", "bAutoWidth": false, "bProcessing": true, "sAjaxSource": "/Home/DataTables", "iDisplayLength": 20, "aaSorting": [[3, "desc"]], "aoColumns": [ null, null, null, null, null, null, null ] }); [/code] I suspect is need to switch from sAjaxSource to GetJSON() but not clear how to implement it. Can you help please? Thanks, M

On my website i wanne use Jquery plugin Datatables, On my WAMP server it works fine! But on the website with a CMS it doenst work, The only difference is that the CMS first load this page [code] <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>blabla</title> <link href="/CSS/lay-out.css" rel="stylesheet" type="text/css" /> <style type="text/css" title="currentStyle"> @import "/../../template/standaard/css/jquery-ui-1.8.custom.css"; </style> <script language="javascript" src="js/calendar.js"></script> <script type="text/javascript" src="js/jquery-latest.js"></script> <script type="text/javascript" src="js/jquery.dataTables.js"></script> <script type="text/javascript" src="js/jquery-ui-1.8.custom.min.js"></script> <!-- InstanceBeginEditable name="head" --> </head> <body bgcolor="#cacaca"> <center><table width="860" class="layout" cellpadding="7" cellspacing="0" border="0"> <tr> <td colspan="2"> <center><img src="" width="860" alt="" /></center> </td> </tr> <tr> <td class="menu" > <?php echo $this->menu(); ?> </td> <td class="content"> <?php echo $this->show_content(); ?> </td> </tr> </table></center> </body> </html> [/code] Then then it loads the page in the content (Show_content) [code] <table id="user"> <thead> <tr> <th>Rendering engine</th> <th>Browser</th> <th>Platform(s)</th> <th>Engine version</th> <th>CSS grade</th> </tr> </thead> <tbody> <tr> <td>Trident</td> <td>Internet Explorer 4.0</td> <td>Win 95+</td> <td class="center">4</td> <td class="center">X</td> </tr> </tbody> <tfoot> <tr> <th>Rendering engine</th> <th>Browser</th> <th>Platform(s)</th> <th>Engine version</th> <th>CSS grade</th> </tr> </tfoot> </table> <script>$(document).ready(function() { oTable = $('#user').dataTable({ "bJQueryUI": true, "sPaginationType": "full_numbers" }); } );</script> [/code] I just dont get it i have tried so much! Can somebody help?