• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

jquery datatable styling issue



Anybody tried to implement http://www.datatables.net/styling/themes/redmond into xenforo?

I've added:
<script type="text/javascript" src="js/ragtek/jquery.datatable.js"></script>
<style type="text/css" media="screen">
			@import "http://www.datatables.net/release-datatables/media/css/demo_table_jui.css"
to my template but it's very strange (it's not centered and there is a scrollbar:
styling issue.PNG

If i add
[SIZE=4][FONT=Times New Roman]/*
			 * Override styles needed due to the mix of three different CSS sources! For proper examples
			 * please see the themes example in the 'Examples' section of this site
			.dataTables_info { padding-top: 0; }
			.dataTables_paginate { padding-top: 0; }
			.css_right { float: right; }
			#example_wrapper .fg-toolbar { font-size: 0.8em }
			#theme_links span { float: left; padding: 2px 10px; }
to the style part, the table is complete removed, but on the datatable page they write, that this code is needed(see comment^^)

Anybody tried it and had more luck with this?:D