How do I control the css on the "Last" button of pagination?

cmanva

All the buttons on pagination has a border except "Last" button?? Is there a separate css for it?

AlanAbsent

In all the files you get theres a media/css/demo_table.css which contain's all the css info for the tables and that css is called by class="display" in the table tag
here is how i have mine setup in the
[code]


@import "default.css";
@import "demo_table.css";

[/code]

inside the demo_table.css you will find this:

[code]
.paging_full_numbers span.paginate_button {
background-color: #DBD3BC;
}

.paging_full_numbers span.paginate_button:hover {
background-color: #BFB38D;
}
[/code]

This will be the area for the buttons.. im sure there is many diffrent ways the css can be setup.

Hope this helps you!

jc3835

Can anyone provide a solution for the original question?
I'm seeing the same behavior where the last button has no border, but all other buttons are fine.
This problem exists with the basic implementation, as well as when using a ThemeRoller theme.

Thanks.

allan

Can you give me a link to a demo page showing the problem please? My own example seems to be okay: http://datatables.net/release-datatables/examples/basic_init/themes.html .

Allan

jc3835

Unfortunately, I can't... It's on an Intranet site.
I could send you the code via email and take screenshots...

What is the CSS class that actually handles the "last" button, if any? Maybe I have other CSS with the same name that is overriding.

jc3835

My initialization:
[code]
$('#datatable').dataTable( {
"bProcessing": true,
"bJQueryUI": true,
"sAjaxSource": 'lib/fullSearchQuery.pl',
"sPaginationType": "full_numbers",
"fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
if ( aData[8] == "statusOption" )
{
$(nRow).addClass( 'zero' );
}
return nRow;
}
});
});
[/code]

To Alan's original response; should we be adding CSS classes for the disabled states?

allan

> Maybe I have other CSS with the same name that is overriding.

Firebug would be the way to check that (which is exactly the way I would be doing if I were able to see it).

In DataTabels 1.9 you would use this CSS selector to target the last button:

div.dataTables_paginate a.last

Allan

trishdev

div.dataTables_paginate a.last
{border: 1px solid #ccc;}

if that is the last selector