Adjust width and padding of data tables

Question

I have around 6 tables those padding or width is different.When I was not using data tables, their padding and width were set inline. Now the inline doesn't work.

Datatables: http://datatables.net/index

What should I do now?

I simply need to be able to add some padding and width Inline to data-tables or may be I could give those tables a class name and then give them padding and width.

The issue is that inline styles doesn't work with data-tables.

Using this code:

            <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>

Here's the result : enter image description here

Its not showing up properly due to margin and width.

zzzzzzzz..... Code, please? – hjpotter92 Feb 02 '13 at 09:07 — hjpotter92, Feb 02 '13 at 09:07

score 1 · Answer 1 · answered Feb 02 '13 at 09:19

1

Have you checked this? Datatables Custom styling

answered Feb 02 '13 at 09:19

Dhwani

7,484
17
78
139

I don't want to initialise many times to adjust their width or padding. – Sachin Prasad Feb 02 '13 at 09:20
You can add external styles. – Dhwani Feb 02 '13 at 09:25
The only class available for changing css is dataTables_wrapper and I can not create a new one.I need different width and padding for different tables. – Sachin Prasad Feb 02 '13 at 10:35
Are you displaying all that tables on one page? – Dhwani Feb 02 '13 at 10:37
In some cases there are two table in one page but on tab. – Sachin Prasad Feb 02 '13 at 10:40
What technology you are using? .net? – Dhwani Feb 02 '13 at 10:50
Check this this might help u. http://stackoverflow.com/questions/604933/jquery-datatables-table-width-problem?rq=1 – Dhwani Feb 02 '13 at 11:44
Thats not the issue, Btw thanks for replies, I have fixed my problem.I wrapped my tables inside div with different classes and added styles relatively. – Sachin Prasad Feb 02 '13 at 11:54
@SachinPrasad, Welcome. It's good to know that you have got the solution. – Dhwani Feb 04 '13 at 05:00

Adjust width and padding of data tables

1 Answers1