Datatable pagination error when using themeroller themes

daniel_kozul

When I apply themeroller theme on my table, pagination buttons get all messed up. They are covering each other and they are different sizes. Can someone please help me. I am using MVC3.

Thanks

Preview:
http://s23.postimg.org/odmzpo09n/page.png

allan

Are you using the jquery.dataTables_themeroller.css file that comes with DataTables?

Please link to a test case so we can help, rather than just guessing :-)

Allan

daniel_kozul

Yes I am...

This is what I use
[code]







[/code]

And in my script:
[code]
var dataTable = $('#Table').dataTable({
"aoColumns": [{ "sTitle": "Name"}],
"bJQueryUI": true,
"sPaginationType": "full_numbers"
});
[/code]

When I show it in plain html it is ok, but when it is a part of MVC3 and Razor with _Layout page it is broken

debug code: azoram

I dont know how to post test case because i am developing in vs2010 mvc3 and i have a lot of code
I realized that when i start page without site.css it is displaying correctly otherwise not.

daniel_kozul

I resolved problem. I had in my Site.css .prev, .next, .last, .first classes which obviously conflicted with table css files

Thanks