Need help using ThemeRoller
- by Music Magi
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.