Specifying auto column width in jQuery dataTables

Question

I'm using Datatables. Columns have auto width, I want to make their width smaller. I tried some things, but it doesn't change. My table is:

$(document).ready(function () {
    $('#example').dataTable({
        "pagingType": "full_numbers",
            "bSort": true,
            "sDom": 'T<"clear">lfrtip',
            "tableTools": {
            "sSwfPath": "http://cdn.datatables.net/tabletools/2.2.2/swf/copy_csv_xls_pdf.swf",
                "aButtons": [
                    "csv",
                    {
                        "sExtends": "pdf",
                        "sButtonText": "Print PDF",
                        "mColumns": "visible"
                    },
                    "xls"
                ]
            },

        },
        "columnDefs": [{
            "width": "5%"
        }]
    });
});

IAy · Accepted Answer · 2015-04-15 14:01:14Z

1

Examples

Set the first column's width to 20% with columnDefsDT:

$('#example').dataTable( {
  "columnDefs": [
    { "width": "20%", "targets": 0 }
  ]
} );

Set the first column's width to 20% with columnsDT:

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

answered Apr 15, 2015 at 14:01

IAy

543 bronze badges

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

1 Comment

ivva Over a year ago

I tried with the second and it changes, but table doesn't look like Datatable - it disappears sorting in head of the tables and search in foot.

Collectives™ on Stack Overflow

Specifying auto column width in jQuery dataTables

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related