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

jquery datatable styling issue

Discussion in 'XenForo Development Discussions' started by ragtek, Dec 28, 2010.

  1. ragtek

    ragtek Guest

    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

Share This Page