<div>
Hi,<br />
the following jsFiddle sample demonstrates two options:<br />
1. Assign two additional classes to the table (compact to minimize padding/spacing) and a custom one for the font size<br />
2. Set column widths using the colum definition<br />
<br />
<a href="http://jsfiddle.net/EE_RainerJ/zxr7nLh0/" rel="ugc">http://jsfiddle.net/EE_RainerJ/zxr7nLh0/</a><br />
<br />
HTH<br />
Rainer
</div>


Hi,
the following jsFiddle sample demonstrates two options:
1. Assign two additional classes to the table (compact to minimize padding/spacing) and a custom one for the font size
2. Set column widths using the colum definition

http://jsfiddle.net/EE_RainerJ/zxr7nLh0/ [http://jsfiddle.net/EE_RainerJ/zxr7nLh0/]

HTH
Rainer

<div>
Can the font of the pagination, search filter, show etc... also be changed to the same font as defined in the class?
</div>


Can the font of the pagination, search filter, show etc... also be changed to the same font as defined in the class?

<div>
<div class="content wysiwyg-content">
How can change the font size of a datatable ?<br />
<br />
I also want to make the width of the table smaller
</div>
</div>


How can change the font size of a datatable ?

I also want to make the width of the table smaller

Datatable font size

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.