Search

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?

First off, got to say that datables looks awesome. Now onto my issue, I have a datatable with ajax datasource (not server side processing). One of my columns is a list of colors (i.e. #232132), so what I wanted to know is how to best achieve this: I want the cell background with a particular color to be of that color, so if the cell content comes with #ff0000 I want the background for that cell to be of #ff0000, since I am quite new with datatables I wanted to know how to achieve this effect having the datasource returning only a json array of the values Thanks.

Has anyone else using this configuration come across a problem where you goto the print page, then hit the escape button to go back, and error is caused where you lose pagination. If you delete the cookie used to store the state save information, then it will be fixed temporarily, until you try and do that same set of steps again. Here is the actually Cookie itself. [code] {"iStart": 150,"iEnd": 75,"iLength": -1,"sFilter": "","sFilterEsc": true,"aaSorting": [ [0,'asc']],"aaSearchCols": [ ['',true],['',true],['',true],['',true],['',true],['',true],['',true],['',true],['',true],['',true],['',true],['',true]],"abVisCols": [ true,true,true,true,true,true,true,true,true,true,true,true]} [/code] Could the problem possibly be iLength = -1?