DataTables 1.8.2 pre-release - testing scrolling

allan · August 2011

Hello all,

I'm approaching the point where I think 1.8.2 is ready for release (a few more niceties to add first :-) ), however I have been doing some work on the table width calculation when using y-scrolling as this was a bit buggy in 1.8.1. I wonder if I could ask anyone who is having issues with scrolling in 1.8.1 to try the 1.8.2 development version (available on the download page: http://datatables.net/download/ ) and let me know if you are still experiencing problems or if this does indeed fix it for you.

Regards,
Allan

Gust · August 2011

Hello Allan,

I would like to know if you figure out something to work around the Table Tools init problem with jQuery UI Tabs plugin : http://datatables.net/forums/discussion/3963/tabletools-on-multiple-tables#Item_12

Thanks

Gust

revale · August 2011

Hello Allan,

I am having some scrolling issues (I believe) when using IE9 (haven't tried on another IE versions but n FF and Chrome works fine).

The issue occurs when combining "sScrollX" property, "ex_highlight_row" class and an icon image per row on a table (with a simple tfoot) where its contents are larger than the window size.

The result is that when you move the mouse over the table, it starts adding empty rows at the end.

Here is my sample code to just simply copy, paste and try. I tried to keep it simple.

[code]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

@import "DataTables-1.8.1/media/css/demo_table.css";

$(document).ready(function() {
$('#example').dataTable( {
"sDom": 'rt',
"sScrollX": "100%"
} );
} );

Icon
Field 00
Field 01
Field 02
Field 03
Field 04
Field 05
Field 06
Field 07
Field 08
Field 09

Field 00 Row 01 Text
2636
3.80
0.00
2.88
1
1
0.26
0.40
0.30

Field 00 Row 02 Text
1932
2.80
0.00
12.16
1
2
0.36
0.70
0.70

Field 00 Row 03 Text
1537
2.20
33.12
0.00
1
1
0.90
0.31
-1.09

Field 00 Row 04 Text
1886
2.70
9.60
37.12
3
5
1.50
1.50
0.00

Field 00 Row 05 Text
2935
4.20
0.00
15.57
1
1
0.24
0.30
0.30

Icon
Field 00
Field 01
Field 02
Field 03
Field 04
Field 05
Field 06
Field 07
Field 08
Field 09

[/code]

Please, let me know if you find a workaround for this.

Thanks in advance.

Santiago

allan · August 2011

@Gust: Can we keep this thread on topic please - your post isn't related to the original question here. I've posted back in the other thread.

@Santiago: That's the oddest thing! Does that happen with 1.8.1 as well? I've just tried it and I'm afraid that I'm unable to reproduce the issue with your example code above. Are you able to put it up on a web-server somewhere to ensure that we are using the same thing?

Thanks,
Allan

revale · August 2011

Hello, Allan,

I am unable to public the example online, but I prepare a small zip file with the minimum files necessary to run it and see the problem. This can be tested offline.

I also prepare an avi file where I record my desktop showing the code and running the example to help you visualize the problem.

http://dl.dropbox.com/u/1361193/test_datatables.zip
http://dl.dropbox.com/u/1361193/test_datatables.avi

Let me know if this work.

Thanks again,
Santiago

larryl · August 2011

Hi Allan -

Success! The latest 1.8.2 development version fixes my problem with the table width changing as the scrollbar appears/disappears. Tested (so far) with Chrome, FireFox and IE8 on WinXP.

Thanks!
Larry

allan · August 2011

Excellent! Thanks very much indeed for the feedback - I'm very pleased to have independent confirmation that this change did the job :-)

Regards,
Allan

ebouwsema · August 2011

I can confirm as well that the 1.8.2 version fixed the width issue found in 1.8.1. I've tested with Chrome/FF/IE7-9 (compatibility modes)

Thanks,
Eric

allan · August 2011

Excellent! Thanks Eric. I feel 1.8.2 is moving closer to release :-)

Regards,
Allan

Rockb · August 2011

DataTables 1.8.2.dev "Add a thousands seperator option"

AWESOME !

Rockb · August 2011

ehhhmm... where I have to put this?

"oLanguage": { "sInfoThousands": "." }

It doesn't show any point like "1.000.000" for one million.

allan · August 2011

[code]
$('#example').dataTable({ "oLanguage": { "sInfoThousands": "." } } );
[/code]

should do it. And using the nightly of course :-)

Allan

Rockb · August 2011

hmmm... thx for your reply... but :-/

$('#example').dataTable( {
"oLanguage": { "sInfoThousands": "." },
"bJQueryUI": true,
.......................

and from http://www.datatables.net/download/ the newest Nightly-Versions of DataTables (Tue 30th Aug 2011, 18:27)... and the newest jquery 1.6.2 from jquery.com

But no effect to me. There are no seperators. Numbers are still "6433" or "95664"

BTW: in the part "aoColumns": [ ...........

I do use this line (beneath the others), where you can find the number:

{ "sName": "Count", "sTitle": "Count", "bSearchable": false, "sType": "num-html", "asSorting": [ "desc" ] },

What I made wrong?

allan · September 2011

It looks like it should work from your description. Could you link us to the page you are seeing the problem with please?

Thanks,
Allan

Rockb · September 2011

It's an internal table... yet... and not public. Hmm... strange.

allan · September 2011

I've just tried this, and with or without Scroller it is working okay:

[code]
$(document).ready(function() {
var oTable = $('#example').dataTable( {
"sScrollY": "200px",
"sAjaxSource": "media/data/2500.txt",
"sDom": "frtiS",
"bDeferRender": true,
"oLanguage": { "sInfoThousands": "." }
} );
} );
[/code]

I think I would need to be able to see or have a way of reproducing the issue in order to be able to offer any help.

Allan

Rockb · September 2011

.........

allan · September 2011

Hi Rockb,

You've got "oLanguage" defined in there twice. That would be like having:

[code]
var i = 0;
i = 1;
[/code]

and expecting i to be both 0 and 1 :-). Just combine the two oLanguage objects into a single one and that should do it. Or you could put the thousands separator into your language file.

Allan

Rockb · September 2011

I have deleted this part:

"oLanguage": { "sInfoThousands": "." },

...from the header. And add this

"sInfoThousands": ".",

to the table_de.txt

I cleared the server and the browser cache.
But STILL no point :-/

allan · September 2011

Then I'm afraid I really would need to see it in action, as that most certainly should have worked. I've tried it here on a number of different examples and different browsers and I've not been able to make it fail. If you can put up a simple example somewhere (jsFiddle for example) showing the problem - that would be great.

Allan

Rockb · September 2011

Hi Allan, okay, I have send you a PM :-) -Sebastian

revale · September 2011

Hello Allan,

I hope you remember me from earlier in this post. I've tried the latest release to see if my bug was fixed, but it is still there. Were you able to tested it? Were the source code or the screen capture I uploaded helpful?

Thanks again for your time.

Santiago

revale · September 2011

Hello Allan,

Is there any problem? I haven't received any feedback from you on this issue since August 17th.

Let me refresh the problem.

I am having some scrolling issues (I believe) when using IE9 (haven't tried on another IE versions but on FF and Chrome works fine).

The issue occurs when combining "sScrollX" property, "ex_highlight_row" class and an icon image per row on a table (with a simple tfoot) where its contents are larger than the window size.

The result is that when you move the mouse over the table, it starts adding empty rows at the end.

I am unable to public the example online, so I prepared a small zip file with the minimum files necessary to run it and show the problem. This can be tested offline.

I also prepared an avi file where I recorded my desktop showing the code and running the example to help you visualize the problem.

http://dl.dropbox.com/u/1361193/test_datatables.zip
http://dl.dropbox.com/u/1361193/test_datatables.avi

Thanks again for your time.

Santiago

allan · September 2011

> Is there any problem? I haven't received any feedback from you on this issue since August 17th.

Sorry for the delay - I've been rather busy of late!

Thanks for the prompt to look at this - I will do so when I get home this evening. I'm surprised that it doesn't work in IE, but at the same not too surprised :-)

Allan

allan · September 2011

I have to be honest, I have no idea why IE would be changing the height of the scrolling container when a background colour is set on a :hover in CSS (no Javascript triggering this bug in IE, just CSS...), but it does seem to. Very odd indeed.

It seems that you can work around the bug in the browser by adding this to your CSS:

[code]
div.dataTables_scrollBody {
height: 100%;
}
[/code]

Allan

revale · October 2011

Yes, it is really odd indeed.

Yet your workaround works fine.

Thank you very much.

Regards,

Santiago

DataTables 1.8.2 pre-release - testing scrolling

DataTables 1.8.2 pre-release - testing scrolling

Replies

Howdy, Stranger!

Categories

DataTables

DataTables 1.8.2 pre-release - testing scrolling

DataTables 1.8.2 pre-release - testing scrolling

Replies

Howdy, Stranger!

Quick Links

Categories

DataTables