Search

Hello; I am using a jQuery plugin which is datatables, and i use it that way : $('table').DataTable( { "ajax": "table.txt"}); This work fine because the file table.txt is located on the same directory as my javascript script in my hosting directory. But because the file table.txt size is important, this will consume me a lot of bandwidth so the idea i have is to host it in an other location for example a CDN or dropbox and then call it, for example like that: $('table').DataTable( { "ajax": "http://dropbox/cdn/445587215/table.txt"}); But it doesn't work because I think jQuery cannot request files which are located outside of the current running domain name for security reasons, so the idea that come to my mind is to host both the javascript file that make the call to this table.txt file on the same folder on the CDN and then just include the javascript file using the tag like: Do you think that this will work ? or can you advice me for a better approach ? Thank you

Hello, I have a problem with TableTools on exporting. When I click to the button it return an "undefined" on url and a 404 error. I'm using wordpress. Anyone can help me to fix this truble? ttp://login.todos.it/visualizza-interventi-inseriti/ usr. mario pwd. mariorossi

Hello. One of the legacy manuals says the following: "Defining the 'tfoot' section is optional from the view point of DataTables, and if defined will be used in a similar manner to how thead is used, with the exception of not being able to use it to sort data.". And, as far as I can tell, this stays true even for the most recent version of the plugin. So, is there a quick way (such as adding some class definition or setting some option in my js code) to enable sorting function for tfoot cells, the same way it's assigned to thead elements out of box?

Hi, I have , $(document).on("click", "#" + newCurrentWidgetId + "#add-line-items", function () { NewCurrentWidgetId = getCurrentWidgetId(); if ($.fn.DataTable.isDataTable('#' + NewCurrentWidgetId + ' #item-info-table')) { alert("Present"); } }); This is the case when i append tabs. when i append tabs above script gets loaded in which we have "newCurrentWidgetId " as id of that tab. We can open multiple tabs and "newCurrentWidgetId " changes everytime. Inside that "NewCurrentWidgetId " is returning current opened tab's id which is working well. And at last with every tab append i am also initiating the datatable with it's click function (code above). Now when more then one tab is appended simultaneously the above alert works fine in case of latest tab only. when i switch the tab it cannot find the datatable so no alert is coming. Don't know why. Every variable is changing fine. Need Quick help. Thanks in advance.

I am trying to implement the code found at http://www.datatables.net/examples/basic_init/multiple_tables.html, which uses the following: <script type="text/javascript"> $(document).ready(function() { $('table.display').dataTable(); } ); </script> ... <table id="" class="display" cellspacing="0" width="100%"> Since the class selector for my personal style is "compact cell-border hover", I tried the following, which consists in assigning my style declaration to a variable and passing it to the class selector, but it does not work. <script type="text/javascript"> var myTableStyle = "compact cell-border hover" $(document).ready(function() { $('table.myTableStyle').dataTable(); } ); </script> ... <table id="" width="100%" class=myTableStyle> To sum up: how does one use the multiple tables feature with a style other than one consisting of a single word?

I tried doing this in css with something like; .display { padding-left: 50px; padding-right: 50px; } But it doesn't have any effect.

I need to remove sorting when clicking filter on below coding and i have to remove filter for one column. $(document).ready(function() { $('#example').DataTable( { initComplete: function () { this.api().columns().every( function () { var column = this; var select = $('') .appendTo( $(column.header()) ) .on( 'change', function () { var val = $.fn.dataTable.util.escapeRegex( $(this).val() ); column .search( val ? '^'+val+'$' : '', true, false ) .draw(); } ); column.data().unique().sort().each( function ( d, j ) { select.append( '<option value="'+d+'">'+d+'</option>' ) } ); } ); } } ); } );

Hi All I am using Server-side pagination in datatable. First time data loaded from server. But after page change, Sorting, record display change datatable not refreshed. This is happening only with ie 8& 9. My Code is as follows. $("#bodycontent").DataTable({ "columnDefs": [ { "visible": false, "targets": 0}], "aoColumns": mdata, "bServerSide": true, "bAutoWidth": false, "bProcessing": true, "drawCallback": function (oSettings, json) { updatePageInfoUsingOsettings(oSettings); }, "ajax": {"url": URL, "data" :datatobeSent(), "beforeSend" : function(request, setting){ validator(request, setting); }, error: function(jqXHR, exception) { alert(jqXHR.status); } } } ); Thanks in advance for help.

Hi everyone, I have a datatable I am developing that needs a button that will export the contents to CSV or Excel. Please find my datatables debug instance here: http://debug.datatables.net/aratoy I have included the DataTables, TableTools, and ZeroClipboard js files in my build, but still no "Export" button is appearing and no JS errors in firebug. Anyone have any ideas? Much appreciated, Ryan

I have about 3000 rows of data. DataTable doesn't seem to work on this. Link: http://live.datatables.net/nenafado/1/ Debug: ulavuv