Need help using ThemeRoller

Posted by Music Magi on Stack Overflow See other posts from Stack Overflow or by Music Magi
Published on 2011-01-03T16:50:47Z Indexed on 2011/01/03 16:54 UTC
Read the original article Hit count: 280

Filed under:
|
|
|

Hi -

I'm using DataTables to dress up a table I'm using to display XML results based on an XSL transformation. I have everything working from a technical sense (paging, sorting, filtering), but I'm trying to figure out to use a ThemeRoller theme to make it look like they have on their website.

So far, I have added the following file to my project with its reference:

<link type="text/css" href="css/custom-theme/jquery-ui-1.8.7.custom.css" rel="stylesheet"/>

and enabled ThemeRoller themes using the following as per the DataTables website:

$(document).ready(function() {
    $('#mainTable').dataTable( {
        "bJQueryUI": true,
        "sPaginationType": "two_button"
    });
});

The table gets styled, but it doesn't look right with the header rows being too wide and things being on multiple lines that should be on one line. Any indication as to what I'm doing wrong? Thanks very much in advance.

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about html