Column Filter Widgets - lost css style for toolbar ui

asdrubal

Hi,

I've managed to integrate Column Filter Widgets and date picker to my DT. The problem I'm facing is that I've lost css formatting for [code][/code]. It's a small thing but it really visually breaks my table.

Here is the link:
http://imageshack.us/photo/my-images/20/36075761.jpg/

and code:

[code]

var minDateFilter;
var maxDateFilter;

$.fn.dataTableExt.afnFiltering.push(
function( oSettings, aData, iDataIndex ) {
if ( typeof aData._date == 'undefined' ) {
aData._date = new Date(aData[6]).getTime();
}

if ( minDateFilter && !isNaN(minDateFilter) ) {
if ( aData._date < minDateFilter ) {
return false;
}
}

if ( maxDateFilter && !isNaN(maxDateFilter) ) {
if ( aData._date > maxDateFilter ) {
return false;
}
}

return true;
}
);
$(document).ready( function () {
var oTable = $('#example').dataTable( {
"bPaginate": true,
"bJQueryUI": true,

"sDom": 'W<"clear">lfrtip',
"oColumnFilterWidgets": {
"aiExclude": [ 0, 2, 6, 7, 9, 10]
}


} );
$( "#datepicker_min" ).datepicker( {
"onSelect": function(date) {
minDateFilter = new Date(date).getTime();
oTable.fnDraw();
}
} ).keyup( function () {
minDateFilter = new Date(this.value).getTime();
oTable.fnDraw();
} );

$( "#datepicker_max" ).datepicker( {
"onSelect": function(date) {
maxDateFilter = new Date(date).getTime();
oTable.fnDraw();
}
} ).keyup( function () {
maxDateFilter = new Date(this.value).getTime();
oTable.fnDraw();
} );
} );






$(function () {
$("#tabs").tabs({ selected: 0 });
$( "input:submit, a, button", ".buttons" ).button();
$( "a", ".buttons" ).click(function() { return false; });
});

[/code]

Any help would be much appreciated. Do I need to enable sth?ny

asdrubal

Ok I found "sDom": 'W<"clear">lfrtip', should be modified to for example "sDom": '<"H"Tfr>W<"F"ip>', but still can't get full theming - pagination is placed on tbale head instead of footer

asdrubal

[code]"sDom": 'W<"clear"><"H"lft><"F"ip>',[/code]
This is almost working except now the text is in bold...

Is there any switch for font?

Ghokun

I found the solution:

[code]"sDom": 'W<"H"<"clear">lf>rt<"F"ip>',[/code]

kuleep

How to use both functionality in single 'sDom'

Like . "sDom": "Tfrtip", and "sDom": 'W<"clear">lfrtip',

Please anybody help me

kuldeep

"sDom": "W<'clear'>T<'clear'>l<'clear'>frtip",