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
Custom styles to datatable pagination
Custom styles to datatable pagination
rpandit
Posts: 14
Questions: 0
Answers: 0
March 2014
edited March 2014
in
General
Is it possible to apply custom styles to datatable pagination?
So instead of First Previous 1 2 Next Last i want to show <>
Replies
allan
Posts: 63,689
Questions: 1
Answers: 10,500
Site admin
March 2014
You probably want the language options rather than styling I think. http://datatables.net/usage/i18n The
oPaginate
options.
Allan
rpandit
Posts: 14
Questions: 0
Answers: 0
March 2014
Thanks Allan.. That worked..
One more question : How do you put border above pagination. I have pagination both at top and bottom and want to put solid border above it. So something like this
Search row
solid border
pagination
table
solid border
pagination
allan
Posts: 63,689
Questions: 1
Answers: 10,500
Site admin
March 2014
> How do you put border above pagination
A trivial bit of CSS should do it I would think: `div.dataTables_paginate { border-top: 1px solid black; }` .
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.4K
All Categories
56
Priority support
24.1K
Free community support
1K
General
14
Announcements
2.5K
DataTables
83
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
32
ColReorder
30
KeyTable
104
Responsive
23
RowReorder
42
Scroller
166
SearchBuilder
193
SearchPanes
107
Select
26
StateRestore
22
TableTools
220
Bug reports
67
Feature requests
100
Plug-ins
11
Blog
70
Web-site
Replies
Allan
One more question : How do you put border above pagination. I have pagination both at top and bottom and want to put solid border above it. So something like this
Search row
solid border
pagination
table
solid border
pagination
A trivial bit of CSS should do it I would think: `div.dataTables_paginate { border-top: 1px solid black; }` .