DataTables
Advanced interaction
features for your tables.
Editor
Comprehensive editing
library for DataTables.
Manual
Download
Examples
Manual
Reference
Extensions
Plug-ins
Blog
Forums
Discussions
Sign In
Support
FAQs
Download
Purchase
≡
Show site navigation
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: 63,489
Questions: 1
Answers: 10,470
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: 63,489
Questions: 1
Answers: 10,470
Site admin
May 2009
That will do nicely then :-)
Thanks for letting us know.
Allan
This discussion has been closed.
Sign In
·
Register
Howdy, Stranger!
It looks like you're new here. If you want to get involved, click one of these buttons!
Sign In
Register
Quick Links
Categories
Recent Discussions
Unanswered
Categories
74.3K
All Categories
56
Priority support
24K
Free community support
997
General
14
Announcements
2.5K
DataTables
78
DataTables 2
1.3K
DataTables 1.10
92
DataTables 1.9
35
DataTables 1.8
9
CloudTables
2.2K
Editor
2.8K
Extensions
20
AutoFill
310
Buttons
50
ColVis
30
DateTime
68
FixedColumns
50
FixedHeader
31
ColReorder
30
KeyTable
103
Responsive
23
RowReorder
42
Scroller
163
SearchBuilder
193
SearchPanes
107
Select
26
StateRestore
22
TableTools
219
Bug reports
67
Feature requests
100
Plug-ins
11
Blog
69
Web-site
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