How to set max-width for particular column in jQuery DataTables

Question

How do I set a max width for one specific column, all the other columns should be auto sized. I have tried the below code, but it does not work since I think there is no 'max-width' attribute

$('#table').dataTable({
    'paging': false,
    'info': false,
    'searching': false,
    'columnDefs': [
      {'max-width': '320px', 'targets': 'my-column'}
    ],
});

max-width does not work for me. Also targets can be a css class of a column, not only an index — Dat Nguyen
– Dat Nguyen, Commented Mar 3, 2016 at 8:27
No need mention class name in target option, just mention position number of column, I test with my project, that is working fine — msvairam
– msvairam, Commented Mar 3, 2016 at 8:34

msvairam · Accepted Answer · 2016-03-03 05:16:59Z

-2

Try something like this

max-width option mention the width percentage

targets option mention index of field

$('#table').dataTable({
    'paging': false,
    'info': false,
    'searching': false,
    'columnDefs': [
      {'max-width': '20%', 'targets': 0}
    ],
});

answered Mar 3, 2016 at 5:16

msvairam

8725 silver badges12 bronze badges

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

2 Comments

Bartosz Over a year ago

I don't think columnDefs contains a 'max-width' property, so this might not work... datatables.net/reference/option/columnDefs

rammanoj Over a year ago

As mentioned by @Bartosz, I could not see any max-width option. If it exists in any of the version, please flag the version.

Collectives™ on Stack Overflow

How to set max-width for particular column in jQuery DataTables

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related