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
smaller font-size in footer and header
smaller font-size in footer and header
Berend
Posts: 4
Questions: 0
Answers: 0
September 2011
edited September 2011
in
General
Hi All,
Need some help with font-size in header/ footer.
How to change size, so that it is the same as it is in the table
example : www.milscan.nl/charts.html
Thanks
Berend
Replies
GregP
Posts: 500
Questions: 10
Answers: 0
September 2011
Hi Berend,
You have a font-size set for the TD elements only (from a style directly in your charts.html page). The TD elements are set to 12px. The other elements are all using browser default size, which is usually 16px.
Instead of:
[code]
td {font-size: 12px}
[/code]
You could broaden the scope and replace it with:
[code]
.dataTables_wrapper { font-size: 12px }
[/code]
Which will make everything inside the "DataTable" area (header, table, footer) have a font size of 12px.
Berend
Posts: 4
Questions: 0
Answers: 0
September 2011
Greg,
That solved my problem, case closed.
Thank you very much for your help
Greetz
Berend
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
79
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
103
Responsive
23
RowReorder
42
Scroller
163
SearchBuilder
193
SearchPanes
107
Select
26
StateRestore
22
TableTools
220
Bug reports
67
Feature requests
100
Plug-ins
11
Blog
69
Web-site
Replies
You have a font-size set for the TD elements only (from a style directly in your charts.html page). The TD elements are set to 12px. The other elements are all using browser default size, which is usually 16px.
Instead of:
[code]
td {font-size: 12px}
[/code]
You could broaden the scope and replace it with:
[code]
.dataTables_wrapper { font-size: 12px }
[/code]
Which will make everything inside the "DataTable" area (header, table, footer) have a font size of 12px.
That solved my problem, case closed.
Thank you very much for your help
Greetz
Berend