≡
×
Plus
Manual
Examples
Reference
Download
Blog
Community
Support
full-numbers Pagination Customization
full-numbers Pagination Customization
rasikow
Posts: 20
Questions: 0
Answers: 0
May 2009
edited May 2009
in
General
Hi,
I want to display the Pagination in full-numbers format with this customization. please clarify
[code]Showing x - xx of xx results First Previous 1 2 3 Next Last Show X Entries [/code]
How to do? pls clarify
- Gnaniyar Zubair
Replies
allan
Posts: 65,813
Questions: 1
Answers: 10,949
Site admin
May 2009
Hi,
You can use
sDom
to do this ( http://datatables.net/usage#sDom ). Try (for example) the following:
[code]
$(document).ready(function() {
$('#example').dataTable( {
"sDom": '<"top"i>rplt<"bottom"f<"clear">'
} );
} );
[/code]
Note that you _will_ need to change the default CSS styles to match what you are looking for - but this will place the DOM elements on the page where you need them.
Allan
rasikow
Posts: 20
Questions: 0
Answers: 0
May 2009
Hi Allan,
Thanks for your quick response.
I will try it out.
- Gnaniyar Zubair
rasikow
Posts: 20
Questions: 0
Answers: 0
May 2009
if i give like this, i am getting proper display
"sDom": 'tfpli<"clear">'
Thanks.
allan
Posts: 65,813
Questions: 1
Answers: 10,949
Site admin
May 2009
That will do nicely then :-)
Thanks for letting us know.
Allan
This discussion has been closed.
Replies
You can use sDom to do this ( http://datatables.net/usage#sDom ). Try (for example) the following:
[code]
$(document).ready(function() {
$('#example').dataTable( {
"sDom": '<"top"i>rplt<"bottom"f<"clear">'
} );
} );
[/code]
Note that you _will_ need to change the default CSS styles to match what you are looking for - but this will place the DOM elements on the page where you need them.
Allan
Thanks for your quick response.
I will try it out.
- Gnaniyar Zubair
"sDom": 'tfpli<"clear">'
Thanks.
Thanks for letting us know.
Allan