All Discussions - DataTables forums

Datatable fnAddData - class and tooltip not working

delsalsa — Wed, 01 May 2013 17:40:19 +0100

Hi All,

I have a table

            
              
                
                  
                      
                    
                  Gfall
                  Description
                  Actions
                
              
              
                
                  
                      
                    
                  AAA
                  Full price for gum?!

	Gfall	Description	Actions
	AAA	Full price for gum?!

class checkbox and the tooltip work fine. Now I am loading with Ajax some data, and use the fnAddData for adding. Works fine, but class and tooltip dont work. here is the code :

             		tmp1 = '  ';
             		tmp2 =  res.DATA[i][0] + ' - ' + res.DATA[i][1];
             		tmp3 =  res.DATA[i][2];
             		tmp4 = '    ';

	$('#datatable_example').dataTable().fnAddData( [
	     tmp1
	  ,  tmp2
	  ,  tmp3
	  ,  tmp4
	] );

Any Ideas?

Spanish languaje

estudios — Fri, 24 May 2013 14:22:24 +0100

Dear Allan, First I would like to thank you very much for the support. I am having trouble with spanish words in table fields. They are not listed in the datatables. Any advice?
Thanks again

Getting Error : Json data from server could not be parsed. This is caused by JSON formatting error.

rajneeshkmr — Thu, 16 May 2013 11:04:32 +0100

Hi ,
I am using SQL server 2005 at my BackEnd and trying to retrieve data from server in the form of JSON. i validated the JSON and it's Valid. When i paste the JSON in file and try to access it, it's working fine.
Please find Below the code.
$(document).ready(function () {
// $.fn.dataTableExt.sErrMode = 'throw';
$('#testTable').dataTable({ "sPaginationType": "full_numbers", "bJQueryUI": true, "bProcessing": true, "bServerSide": true,
// "sAjaxSource": "/SupportApp/1.txt",
"sAjaxSource": "/SupportApp/Default.aspx/FetchFOIDetails",
"aoColumns": [
{ "mData": "ServiceOrderNo" },
{ "mData": "PcodeDesc" },
{ "mData": "Action" },
{ "mData": "Status" }
],
},
"error": function () { alert('error'); }
});

Server side code is :
[WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Json, UseHttpGet = false, XmlSerializeString = true)]
//public static string FetchFOIDetails(string TaskID)
public static string FetchFOIDetails()
{
string str = "{\"aaData\" : [{\"ServiceOrderNo\":\"511121336727696846-3\",\"PcodeDesc\":\"Configure Admin Account in AccMan\",\"Action\":\"Cease\",\"Status\":\"CLOSE\"},{\"ServiceOrderNo\":\"511121336727696862-3\",\"PcodeDesc\":\"Configure Admin Account in AccMan for Toolkit\",\"Action\":\"Cease\",\"Status\":\"CLOSE\"},{\"ServiceOrderNo\":\"511121336727696866-8\",\"PcodeDesc\":\"Configure Admin Account in AccMan for Toolkit Access\",\"Action\":\"Cease\",\"Status\":\"CLOSE\"}]}";
return str;
}

Please help me!!!

Orderby issue

ureshpatel5 — Fri, 17 May 2013 09:58:13 +0100

HI,
I have implemented DataTables successfully and using (jquery.dataTables.min). My backed script is PHP.I fir a query with order by clause and get the ordered data as per query.But when it displays in DataTable it changes its order.Please let me know best solution for that.

Thank you,
Uresh Patel

Sort broken

RemyHouard — Thu, 23 May 2013 15:52:44 +0100

Hello,

I have a table with 4 fields of 2 different types I am trying to sort.
There are 3 dates with the format DD/MM/YYYY and the other a check box.

I get an error on table initialisation: Uncaught TypeError: Cannot call method 'fnSetData' of undefined - jquery.dataTables.min.js:29

This is the page where the table is malfunctioning (debug code 'oleguy'):
http://sistema.chezremy.com.br/?site=mm&do=playground&udo=data-tables-test

Any help would be greatly appreciated.

data table is not showing next and previous options when ajax call is made

manohar — Fri, 24 May 2013 12:25:36 +0100

Hi
I tried to load a data table below the row on which it is clicked with ajax call aaData now I am facing a problem...
I am not getting "next,previous" of pagination for the new table created dynamically .
Can any one suggest a solution for this ??

columnFilter Plug-in and fnAddData function Working Order Problem

bahadirarslan — Tue, 21 May 2013 15:49:42 +0100

We implemented DataTables for ASP.Net MVC page with an handler action method that returns Json data exampled below.

{"sEcho":"6","iTotalRecords":73,"iTotalDisplayRecords":73,"aaData":[["5","Test","Test","DonanimTest","HP","HP ProLiant 1","8 ₺","Müsait","6","item_shelve, use, reservation, item_warranty, "],["8","12345","Deneme","Geçici AssetType","Dell","Server 2008 R2","5 ₺","Müsait","","item_shelve, use, reservation, item_warranty, "],["9","1342","Deneme","Geçici AssetType","Dell","Server 2008 R2","5 $","Serviste","","unwarranty, "]}

Also we implemented datatable like below.

 var oTable = $('#datatables').dataTable({
                "sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
                "sPaginationType": "bootstrap",
                "bServerSide": true,
                "bFilter": true,
                "bLengthChange": false,
                "bSort": true,
                "sAjaxSource": "/AssetItem/AjaxHandler",
                "bProcessing": true,
                "iDisplayLength": 50,
                "bAutoWidth": false,
                "bStateSave": true,
                "sOrdering": true,
                "aLengthMenu": [[5, 10, 25, 50], [5, 10, 25, 50]],
                "aoColumns":
                    [
                        {  
                            "sName": "AssetItemID",
                            "sWidth": "50px"
                        },
                        {  
                            "sName": "ServiceTag"
                        },
                         {
                             "sName": "Name"
                         },
                        {  
                            "sName": "Model.AssetType.Name"
                        },
                        {  
                            "sName": "Brand.Name"
                        },
                        {  
                            "sName": "Model.Name"
                        },
                        {  
                            "sName": "Price"
                        },
                        {  
                            "sName": "CurrentStatus"
                        },                                               
                        {
                            "bSearchable": false,
                            "bSortable": false
                        }
                    ],
                "aoColumnDefs": [
                       {
                           "aTargets": [8],
                           "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {

                               var actions = '';
                              // some codes for buttons at row level
							  
                               $(nTd).empty();
                               $(nTd).prepend(actions);
                           }
                       }],
                "fnDrawCallback": function (oSettings) {
                    var anControl = $('input', oSettings.aanFeatures.f);
                    $("tbody").highlight(anControl.val());
                }
            }).fnFilterOnReturn().columnFilter({
                aoColumns: [null,
                         { type: "text" },
                         { type: "text" },
                         { type: "select" },
                         { type: "select" },
                         { type: "select" },
                         null,
                 { type: "select" },
                 null
                ]

            });

When we work this code, datatable loads with successfuly but columnFilter select elements were populated with values in specified row. After a few debug sessions i noticed that datatables fnAddData function was called after columnFilter plug-in's initialization.

I had tried to add columnFilter init. to fnDrawCallback but this, after second request columnFilter init was called by infinitive times.

So i couldn't find a way to call columnFilter init after fnAddData function.

You can access debug information from here: http://debug.datatables.net/ubexef

ColVis 1.1.0-dev nightly menu issue

jliebermann — Fri, 24 May 2013 11:46:50 +0100

hello, i had to move to the dev build of colvis since i use also colreorder 1.1.0-dev (see my other post why) and have a problem when reorder columns with hidden columns (order get screwed). the problem is fixed with the dev build, but the dropdown does not close anymore if once opened, clicking outside will also not close the dropdown, but you can sort the columns while it's open... i know it's a dev build, just to mention to problem.. i have no example for the reorder problem but you can see how the dropdown does not close:

http://live.datatables.net/abiniw/4

save cookie on click

francisbean — Fri, 24 May 2013 11:00:57 +0100

Hi, I've got a problem with saving table change on click and I couldn'f find it out.
I don't want to save table state onload, bStateSave must be set to false. But when I click on table control (e.g. sort table, select no of records per page etc.) I want to create cookie and save table state, or save it to existing cookie. Is there any way how to achieve this behavior?

ColReorder + FixedColumns plugin

jrevai — Thu, 10 May 2012 10:55:09 +0100

Hi,

I just started using Datatables.js. I have a requirement to be able to use ColReorder + FixedColumns plugins on the same table. The bug I think I've found:
- Create a datatable, my datatable has 8 columns but column count doesn't mather
- use ColumnsPlugin plugin, set the first two columns to fixed
...
"oColReorder": {
"iFixedColumns": 2
}
...
- use FixedColumns plugin, set iLeftColumns to 2
....
new FixedColumns(oTable, {
"iLeftColumns": 2,
"iLeftWidth": 264
})
....

Now if you start dragging column header:
- you cannot drag the first two columns that are fixed by the FixedColumns plugin - ok
- you cannot drag elements before/between the first two columns that are fixed by the FixedColumn plugin - ok
- you can drag the first two columns that are NOT fixed by the FixedColumns plugin - ok
Issue: you cannot drag elements to before/between the first two columns NOT fixed by the FixedColumns plugin. For example, if you would like to move the third column NOT fixed by the FixedColumns plugin to between the first and second column, you can't.
You can reproduce this bug on the demo site too:
http://datatables.net/release-datatables/extras/ColReorder/fixedcolumns.html
You cannot move the Browser column to between the index column and the Rendering engine column.

I think the problem is, that there should be to numbers: iFixedColumns: how many columns cannot be moved counted from the left.
iFixedByFixedColumnsPlugin.
...
"oColReorder": {
"iFixedColumns": 2
"iFixedByTheFixedColumnsPlugin": 2
}
...

ColReorder _fnMouseDown:

aoTargets array does not contain the columns that are fixed by the FixedColumns plugin, so those columns shouldn't be spliced.
/* Disallow columns for being reordered by drag and drop, counting left to right */
if (this.s.fixed !== 0)
{
this.s.aoTargets.splice( 0, this.s.fixed - this.s.fixedByFixedColumnsPlugin );
}

ColReorder _fnMouseMove:
when calculating this.s.mouse.toIndex is calculated based on the non fixed table indexes, to make the fnArraySwitch function work properly with, the toIndex should be added up by the this.s.fixedByFixedColumnsPlugin number:

"_fnMouseMove": function ( e )
{
.....

/* Based on the current mouse position, calculate where the insert should go */
var bSet = false;
for ( var i=1, iLen=this.s.aoTargets.length ; i {
if ( e.pageX < this.s.aoTargets[i-1].x + ((this.s.aoTargets[i].x-this.s.aoTargets[i-1].x)/2) )
{
this.dom.pointer.style.left = this.s.aoTargets[i-1].x +"px";
this.s.mouse.toIndex = this.s.aoTargets[i-1].to + this.s.fixedByFixedColumnsPlugin;
bSet = true;
break;
}
}

/* The insert element wasn't positioned in the array (less than operator), so we put it at
* the end
*/
if ( !bSet )
{
this.dom.pointer.style.left = this.s.aoTargets[this.s.aoTargets.length-1].x +"px";
this.s.mouse.toIndex = this.s.aoTargets[this.s.aoTargets.length-1].to + this.s.fixedBFixedColumnsPlugin;
}
},

Could you please check if the bug above is still relevant?

'odd' and 'even' over rows hidden

jytest — Tue, 14 May 2013 10:48:13 +0100

Hi,

I need your help.

I used datatables with hidden lines.

1.
I can not return the background of the parent row ('odd' or 'even'), to the dependent rows hidden.
I can not change the background property of 'details', based on the values 'odd' and 'even'.

2.
I would also have liked the mouseover is disabled for hidden rows.

Can you help me?

		$('#example tbody td img').live('click', function () {
			var nTr = $(this).parents('tr')[0];
			if (oTable.fnIsOpen(nTr)) {
				this.src = "images/recherche/detailouvrir.gif";
				oTable.fnClose( nTr );
			} else {
				this.src = "images/recherche/detailfermer.gif";
				oTable.fnOpen( nTr, fnFormatDetails(oTable, nTr), 'details' );
			}
		} );

	function fnFormatDetails (oTable, nTr) {
		aData = oTable.fnGetData( nTr );
		forme = aData[1];
		image = imgforme[libforme.length-1];
		for (var k=1; k"+aData[9]+"";
		sOut += "Certificat :"+aData[13]+"";
		sOut += "";
		sOut += "";
		sOut += "Ajouter
au Panier";
		sOut += "";
		sOut += "";
		sOut += "";
		sOut += "";
		sOut += "Poids (carats) :"+aData[2]+"";
		sOut += "Profondeur % :"+aData[14]+"";
		sOut += "Qualité de taille :"+aData[1]+"";
		sOut += "Table % :"+aData[15]+"";
		sOut += "Symétrie :"+aData[10]+"";
		sOut += "Rondiste :"+aData[16]+"";
		sOut += "Polissage :"+aData[11]+"";
		sOut += "Colette :"+aData[17]+"";
		sOut += "Couleur :"+aData[3]+"";
		sOut += "Dimensions :"+aData[18]+"";
		sOut += "Pureté :"+aData[5]+"";
		sOut += "Rapport Long/Larg :"+aData[19]+"";
		sOut += "Fluorescence :"+aData[12]+"";
		sOut += "Prix/carat :"+aData[20]+" €   ("+aData[22]+" € TTC)";
		sOut += "Délai non serti :"+aData[25]+"";
		sOut += "Prix bijouterie"+aData[21]+" €   ("+aData[23]+" € TTC)";
		sOut += "Délai serti :"+aData[26]+"";
		sOut += "Prix Celinni"+aData[8]+" €   ("+aData[24]+" € TTC)";
		sOut += ''; 
		return sOut;
	}

Thanks

Warning: Requires scroller DataTables 1.9.0 or Greater - www ..

jytest — Fri, 24 May 2013 08:47:17 +0100

Hello,
The problem is resolved !

Submit of form containing datatable only includes values for controls if previously changed page row

ChrisBashaw — Thu, 23 May 2013 20:36:38 +0100

Note: This is not the issue about data submitted containing only the rows currently being displayed.

Anyone with ideas about this appreciated.

Issue: When I click the submit button of the form containing the data table none of the values (of controls on the table) are being sent to the server. However, if I first change the pagination by changing the select from 10 to 25 and back to 10 again then the data is being posted successfully to the server.

Assumption: The changing pagination length must be looping thru the rows and setting some state flag or similar that somehow triggers the inclusion of the control values during the submit.

Tech:
Data Tables Version 1.9.4, browser:IE10, Code:C#-MVC-Razor-VisualStudio2012-HTMLHelpers, Ajax

DataTable Creation:

$('#UserNoted').dataTable({
"bPaginate": true,
"sPaginationType": "full_numbers",
"bLengthChange": true,
"sDom": '<"H"<"tools">lfr>t<"F"ip>',
bAutoWidth": false,
"bSort": true,
"bJQueryUI": true,
"aoColumns": [
{ "sSortDataType": "dom-checkbox" },
{ "sClass":"myhidedpass", "sSortDataType": "dom-hidden", "bSearchable": false },
null,
null,
null,
]});
$("div.tools").html('Select All/None');

HTML Table Creation:

table border="0" class="display" id="UserNoted">

Select
HiddenSelectVal
Name
Email
Role(s)

@for (Int32 i = 0; i < Model.NoteUsersList.Count; i = i + 1)
{

@Html.CheckBoxFor(x => x.NoteUsersList[i].Checked)

@Html.HiddenFor(x => x.NoteUsersList[i].userrole)
@Html.HiddenFor(x => x.NoteUsersList[i].displayname)
@Html.HiddenFor(x => x.NoteUsersList[i].email)
@Html.HiddenFor(x => x.NoteUsersList[i].usersid)

@Model.NoteUsersList[i].displayname
@Model.NoteUsersList[i].email
@Model.NoteUsersList[i].userrole

}

HTML Form Creation:

@using (Ajax.BeginForm("EditUserPrefs",new { id = Model.editee_userid },new AjaxOptions() { HttpMethod = "POST",UpdateTargetId = "ui-tabs-4",InsertionMode = InsertionMode.Replace }))
{
@Html.AntiForgeryToken()
@Html.ValidationSummary(true,null,new { @class = "ValErrorMsg" })

} @* end of @using *@

Too slow loading (5 seconds)

jytest — Thu, 23 May 2013 10:05:29 +0100

Hello,

I have my datatables that is taking too long to load (5 seconds)
I am using the server_processing.
Can you help me?
In advance, thank you.
Here is a link http://www.celinni.com/creaprint/recherche00.php
(Too see, please deplace one slider control of the first blank block)

sum columns within a group

matt_riley — Fri, 24 May 2013 07:28:01 +0100

Awesome plugin! I'm soooo close to getting exactly what I want, just need a little help.

I have grouping working. Now I want to sum the columns for each group and display the total in the group header. Here's a jsfiddle of it:

http://jsfiddle.net/RgKPZ/123/

The only problem is that the columns I want to sum aren't being added together. The values are being displayed, but like a string instead of adding together like numbers. Also, not all of the values are even being displayed as a string - there are repeats going on. I tried converting using Number() and parseInt() but no luck. I'm trying to put this into the callback function (like the grouping function) so that the values will be summed after each table filter, too.

I'm sure I just have a variable wrong or in the wrong place or something, but I just can't figure it out. Frustratingly close! :-(

TIA,
Matt

Exporting Not Working

ureshpatel5 — Thu, 23 May 2013 12:30:55 +0100

Hi,
I have implemented the data table and trying to put the export buttons on the page.iput all the code mentioned in forums and examples.

.. .. ..

colspan sorting problem - last column not sortable after adding a column

machinarium — Fri, 24 May 2013 04:32:17 +0100

Hi, everyone.
I don't think it's a bug of datatable. But I still hope to get a workaround for this weird problem. Here is the thing.
My table definition is

th1	th2	th3	th4	th5	th6
th1	th2	th3	th4	th5	th6_1	th6_2	th6_3	th6_4	th6_5

In the javascript code, i added a column dynamically to be the first column of the table, including the header, let's say

new_th1

And don't worry, I also added the corresponding data to that newly added column, something like this

 little foxy thing

Then the last column, i.e th6_5 is not sortable, I mean, you can not click the header of that column to do a sortion, event it's not clickable. So any thoughts how to figure it out?

Thanks

Row details not showing past first screen

EFreese — Fri, 24 May 2013 01:18:59 +0100

When I try to use the row details functionality, the rows that appear on the first page work as expected but subsequent pages don't seem to recognize the click on the "+" image. I've discovered that if I set the initial view to "all" (-1), then, of course, they all work, no matter how they are paginated afterward. Any suggestion about what I'm missing?

Debug code: ikexek
http://live.datatables.net/uceqas/3

How do I re-index search?

flowerchild22 — Fri, 24 May 2013 01:13:58 +0100

I periodically change the text content of my table dynamically after it has been created (not using any methods from datatables.js). Search will still display rows based on the old data. I have tried calling fnDraw without success. How can I trigger a re-indexing of table data for search?

How to cancel a sort event after it is fired?

tpc — Thu, 23 May 2013 22:40:36 +0100

Is it possible to cancel a sort event after it is fired?

I have a checkbox column in my table with a "check-all" checkbox in the header. When the checkbox in the header is clicked I want to prevent the sorting from occurring however if any other portion of the header is click I want it to sort. Here's what I've come up with so far but I am not sure how to cancel the sort.

Click event of the "check-all" checkbox

     var checkallClicked = false;
    $('#check-all').click(function() {
        checkallClicked = true;
        ...
    });

Click/sort event of the header

    $('.check-all-header').click(function(){
        if (checkallClicked) {
            checkallClicked = false;
            return false;
        }
    });

Table 'overlay' for read-only behavior

Jeach — Wed, 03 Oct 2012 20:08:38 +0100

I've seen a lot of questions/replies in regards to make rows read-only.

I've got a particular case where we show our data most of the time, but under some specific business rule, I must prevent the user from making any changes to table. I currently do this by adding a large gray overlay with 50% transparency over my panel. This works, but since the overlay is also over the header and footer, it does not allow the users to sort columns, filter data or more importantly navigate the paginated table (ie: next, prev, etc).

It would be much better if internally, data-tables would apply such overlay only on the view-pane of the data (optionally header). This way, the entire table content would become read-only, but still allow next, previous navigation.

I simulate the overlay by putting a div element spanning the entire size of my panel and setting its z-index to a higher level than it's parent. I'm sure this type of feature would easily be doable within the actual table itself and providing an API call for it.

Note: My tables are updated every second with new rows and row removals (quite dynamic) so the last thing I want to do is start to set a read-only state on a per-row basis (like I've seen so many examples of).

Feedback is welcome!

Thanks in advance,

Jeach!

Support for Windows 8 Store applications in Javascript

hotstack — Fri, 17 May 2013 14:23:48 +0100

The following code throws an error due to Windows 8 's restrictions on injecting dynamic content:

$('#outputtable').dataTable({
                                "aaData": arrayData,
                                "aoColumns": [
                                    { "sTitle": "ID" },
                                    { "sTitle": "Date" },
                                    { "sTitle": "Type" },
                                    { "sTitle": "SubType" },
                                    { "sTitle": "Value" },
                                    { "sTitle": "Notes" }
                                ]
                            });

The error thrown is:

HTML1701: Unable to add dynamic content 

A script attempted to inject dynamic content, or elements previously modified dynamically, that might be unsafe. For example, using the innerHTML property to add script or malformed HTML will generate this exception. Use the toStaticHTML method to filter dynamic content, or explicitly create elements and attributes with a method such as createElement.  

For more information, see http://go.microsoft.com/fwlink/?LinkID=247104.

I really like the product and thought it would be better than me trying to roll my own... it may also be impossible or more trouble than it is worth though.

This was fixed a few revs back in JQuery though, so maybe it could also be done here? If I was a bit better at this I would give it a shot myself, but I am still pretty n00bish.

Thanks

Pagination current page not disabled

chavdamalde — Fri, 24 May 2013 06:42:39 +0100

I am using bootstrap pagination with datatables
if i have in page number "2" and then click on this button refresh this page.
i have display 100 record per page that's why it very load from server

but, Previous and next button is disbled.

Thanks!

How to use datatables pagination but with the same style as cakephp's pagination ?

salouri — Thu, 23 May 2013 21:26:38 +0100

The datatables' pagination is very beautiful. It's the only way I could have many data sets with a separate pagination for each.
BUT!
I also want the pagination to look like the rest of the website's pagination which is cakephp's(2.0) !
I tried to track what classes cakephp paginator is using from cakephp's cake.generic.css, but when I try to use those classes in oStdClasses of full_numbers method (because that's the pagination type I'm using) they don't apply or things get messed up. I know a little css but I'm not really an expert -- yet! ;) --
Any help, guidance, or ideas would be appreciated...
Thank you

Salouri

Changing data source

SxChoc — Thu, 23 May 2013 22:17:52 +0100

Hi,

I wonder if someone could help me out please. I've been constructing a datatable for about three weeks (this is my first time using it so it was a steep learning curve!!).

In order to make development easier everything is being handled on the client side and the data is being pulled from a locally held static text file. My clients have now signed off the design and the functionality so I now need to switch the datasource from this static text file to pulling data SQL data through an asp.net solution. Could anybody advise me on the easiest method for achieving this please. All of the filtering, sorting, etc. can still be processed on the client I just need to pull in the data.

Thanks in advance,
Craig

TableTools "Select/Deselect all" buttons are incompatible with '"bDeferRender": true'

thargenediad — Thu, 23 May 2013 22:28:12 +0100

As Allan mentioned in this forum post (http://www.datatables.net/forums/discussion/8862/problem-with-bdeferrender-and-jquery-selector-on-table/p1)...

deferred rendering is most certainly going to upset any selector, including the $ API method. The nodes haven't yet been created, so they can't possibly be selected - which is the whole point of how deferred rendering gets its speed boost :-).

So deferred rendering + the ability to select all rows are mutually incompatible.

I didn't find this documented in the TableTools nor the DataTables "bDeferRender" documentation, however. It may be a good idea to update the documentation, so other users don't end up as confused as I was. ;)

Thank you for this superb tool, Allan.

Anton

Build a File Manager with Folders Using Datatables

dreamten — Thu, 23 May 2013 21:55:01 +0100

I've built a file manager using datatables (screenshot here: http://c.drm.io/image/2d0F0Y0f3N31).

It works great, but the file list is growing and I was wondering if it's possible to turn the groups into folders, so they could be clicked on and expanded, with the ability to go up a directory.

Has anyone done anything like this or are there any plugins that have this functionality?

Any advice is appreciated.

Thanks,
Philip

Chrome render speed issue

nicholas_randal — Wed, 22 May 2013 22:32:16 +0100

v.1.9.4 We are experiencing extreme slowdowns and sometimes chrome crashing even with a small table. 1000 rows x 5 columns. Even a table with 50 rows is slow. The oddity is that on the very first page the rendering of our table is fast (< 1 second) but whenever we navigate away and come back it is slow from then on, even if we do a page reload. I have been profiling this in chrome's timeline and noticed a difference in how the table is being rendered.

No data for the table is changing.

When it's fast:
_fnCreateTr is called fewer times and the timeline shows multiple calls as nearly instantaneous.

When it's slow:
_fnCreateTr is called more times than the fast scenario and the timeline shows a stagger because of the slowness.

Custom sorting with a column that contains date and string- Looks like its possible but not sure how

haripraghash — Thu, 23 May 2013 18:22:11 +0100

I am working with jquery datatables 1.9 and i have a column that contains a combination of these values. A date, a string 'A' and another string 'B'. When i click on that column i want the column to be sorted with 'A' appearing first then sorted by date and then 'B' appearing next. Is there a way to achieve this functionality?

Memory issue while using event for row selection

sdinesh21 — Wed, 22 May 2013 17:18:09 +0100

Hey All,

I am using Data Tables 1.9.4 and notice memory issue with my application while using events for multi row selection and polling for server data at specific intervals (using setInterval and fnDraw(false)). During every poll interval, when I highlight a row in the table, the memory usage goes up and never comes down until the page is reloaded. This is very high in IE8/9 and Firefox browsers.

Is there an issue with attaching events in the row selection function? Is there a better way to achieve that?

Here is the DataTables live link for the code...
http://live.datatables.net/ulemud/2/edit#javascript,html