Adjusting the width of only the title of the columns

oristeph

I'm attempting to adjust the width of the column's titles not the body of the column.

For example I'm using

 "columnDefs": [
            {
                "targets": [1, 2],
                "className": 'dt-body-right',
                "width": '30%'
            },
        ],

but doing this adjusts the entire column, is there a way to adjust the width of only the titles being displayed?

Here is a link to my jsfiddle:

jsfiddle

allan

You want the column headers and columns in the body to be intentionally misaligned?! That’s not possible I’m afraid. Why would you want to do that? Can you show me a screenshot of what you are trying to achieve?

Allan