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
How to style Search Input Box / Show Entries Dropdown
How to style Search Input Box / Show Entries Dropdown
visaolive
Posts: 1
Questions: 0
Answers: 0
August 2010
edited August 2010
in
General
I'd like to apply a css class to the Search Input Box and Show Entries Dropdown.
Where might I be able to do this?
Replies
ruzz
Posts: 49
Questions: 0
Answers: 0
August 2010
Inside fnInitComplete, I do this:
[code]
$(".dataTables_length select").addClass("myclass");
$(".dataTables_filter input").addClass("myclass2")
[/code]
It may not be the best solution, but it works.
HTH
ruzz
allan
Posts: 65,607
Questions: 1
Answers: 10,909
Site admin
August 2010
Or just alter you CSS selector:
[code]
.dataTables_length select { ... };
.dataTables_filter input { ... };
[/code]
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
75.6K
All Categories
58
Priority support
25K
Free community support
1K
General
15
Announcements
2.6K
DataTables
165
DataTables 2
1.3K
DataTables 1.10
94
DataTables 1.9
35
DataTables 1.8
9
CloudTables
2.3K
Editor
2.9K
Extensions
22
AutoFill
317
Buttons
36
ColReorder
21
ColumnControl
38
DateTime
70
FixedColumns
51
FixedHeader
33
KeyTable
106
Responsive
24
RowReorder
43
Scroller
173
SearchBuilder
202
SearchPanes
109
Select
28
StateRestore
227
Bug reports
68
Feature requests
102
Plug-ins
11
Blog
74
Web-site
Replies
[code]
$(".dataTables_length select").addClass("myclass");
$(".dataTables_filter input").addClass("myclass2")
[/code]
It may not be the best solution, but it works.
HTH
ruzz
[code]
.dataTables_length select { ... };
.dataTables_filter input { ... };
[/code]
Allan