I have several tables with different padding and width settings. Previously, I had set these inline without any issues. However, now that I am using data tables, the inline styles are not working.
If you need more information about Datatables, check out their website here: http://datatables.net/index
What should be my next step?
My goal is to add padding and width styles directly inline to the data tables or perhaps assign a class name to the tables and apply the styling through CSS.
The problem lies in the fact that inline styles do not function properly with data tables.
This is an example of the code I am using:
<table class="datatable display " border="0" cellpadding="0" cellspacing="1" style="width: 87%; margin: -1px 0 14px 27px;">
<thead>
<tr>
<th>Name</th>
<th>DOB</th>
<th>Age</th>
<th>Sex</th>
<th>Action</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
However, the table does not display correctly due to issues with margins and widths.