Using links instead of dropdown for length filter

Vasya

Is there are any way to replace standard drop down with something like "10 | 25 | 50 | All" links?

Vasya

After looking at the donations page I realized how this can be done.
I've used
[code]
"sDom": 'f<"clear"><"table-keys-top">rtp<"clear">'
[/code]
with
[code]
$('div.table-keys-top').html('Showing 10 | 25 | 50 | all');
$("div.table-keys-top span").click( function () {
if ( this.innerHTML == "10" ) {
oTable.fnSettings()._iDisplayLength = 10;
oTable.fnDraw();
} else if ( this.innerHTML == "25" ) {
oTable.fnSettings()._iDisplayLength = 25;
oTable.fnDraw();
} else if ( this.innerHTML == "50" ) {
oTable.fnSettings()._iDisplayLength = 50;
oTable.fnDraw();
} else {
oTable.fnSettings()._iDisplayLength = -1;
oTable.fnDraw();
}
});

[/code]

allan

Very nice :-).

Just one comment - it would be worth using the fnLengthChange plug-in rather than setting the "private" variables directly: http://datatables.net/plug-ins/api#fnLengthChange .

Allan