Change individual column widths when using DataTables jQuery plugin

Question

I am using datatables from here. I have made a table from my database. I want to change width of each column in terms of percentage. Any relative code or example can help me?

<table id="example" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th width="60%">Name</th>
            <th width="40%">Position</th>
        </tr>
    </thead> 
    <tbody>
        <tr>
            <td width="60%">ABC</td>
            <td width="40%">DEF</td>
        </tr>
        <tr>
            <td width="60%">XYZ</td>
            <td width="40%">ZYX</td>
        </tr>
    </tbody>
</table>

try look in their documentation: datatables.net/manual/styling — Akul Von Itram
– Akul Von Itram, Commented Jul 8, 2015 at 6:31
updated my code now @JimiLoe that link i tried and didnt help Akul — TheLuck
– TheLuck, Commented Jul 8, 2015 at 6:45
Have a look at this as well. datatables.net/reference/option/columns.width. — stevenw00
– stevenw00, Commented Jul 8, 2015 at 7:30
Do you mean Table ? Because database is handled by SQL. There's no css involved ! — Shreyas Tripathy
– Shreyas Tripathy, Commented Jul 8, 2015 at 7:34

stevenw00 · Accepted Answer · 2015-07-08 07:33:11Z

1

According to their documentation you can do the following:

$('#example').dataTable( {
  "columns": [
    { "width": "60%" },
    { "width": "40%" },
  ]
});

answered Jul 8, 2015 at 7:33

stevenw00

1,1561 gold badge13 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Change individual column widths when using DataTables jQuery plugin

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related