When listing DataTables with hundreads of rows columns are mixed sometimes
When listing DataTables with hundreads of rows columns are mixed sometimes
MichaelLand
Posts: 26Questions: 0Answers: 0
Hello, I have a weird problem.
I have a DataTable containing hundreads of rows and if I look them in 500 or 1000 rows per page or all ones, there are some rows where columns are mixed which means than an empty column has come to row and another columns after that position have moved one position to rigth.
If I watch rows using paging and 100 rows per page everything is okey.
Also HTML seems to be okey in cases where row is mixed. So, I didn't find any HTML errors.
I have used IE 9 and IE 8. Problem occurs in IE 9 not in IE 8. So, this makes me wonder that are there something wrong in css files.
I develope this Application with ASP.NET MVC 3 Framework.
Css files in _Layouts.cshtml files are loaded in following order:
/Content/themes/base/jquery.ui.all.css
/Content/DataTables-1.9.3/media/css/demo_table.css => this has been taken from DataTables sample
/Content/DataTables-1.9.3/extras/TableTools/media/css/TableTools.css
I also checked each css file with W3.org's CSS Validator and errors came form demo_table.css and TableTools.css
Can anyone tell me that should those css files be loaded in certain order (I also tried to comment each one and then tested)?
What css files you other MVC3 developer's use in your MVC Application containing DataTables?
Thanks,
Mike
I have a DataTable containing hundreads of rows and if I look them in 500 or 1000 rows per page or all ones, there are some rows where columns are mixed which means than an empty column has come to row and another columns after that position have moved one position to rigth.
If I watch rows using paging and 100 rows per page everything is okey.
Also HTML seems to be okey in cases where row is mixed. So, I didn't find any HTML errors.
I have used IE 9 and IE 8. Problem occurs in IE 9 not in IE 8. So, this makes me wonder that are there something wrong in css files.
I develope this Application with ASP.NET MVC 3 Framework.
Css files in _Layouts.cshtml files are loaded in following order:
/Content/themes/base/jquery.ui.all.css
/Content/DataTables-1.9.3/media/css/demo_table.css => this has been taken from DataTables sample
/Content/DataTables-1.9.3/extras/TableTools/media/css/TableTools.css
I also checked each css file with W3.org's CSS Validator and errors came form demo_table.css and TableTools.css
Can anyone tell me that should those css files be loaded in certain order (I also tried to comment each one and then tested)?
What css files you other MVC3 developer's use in your MVC Application containing DataTables?
Thanks,
Mike
This discussion has been closed.
Replies
This sounds like the IE9 ghost columns issue: http://datatables.net/forums/discussion/5481/bug-ghost-columns-when-generating-large-tables/p1 . Only way we've found is the regex in that thread to remove white space.
Allan
It helped,
Br
Mike