My data table creation code looks like this:
var Master = $('#MasterGrid').DataTable( {
"data": response,
"columns":columns,
"scrollX": true,
});
$('#MasterGrid').show();
The irregular height of my table rows is causing a problem for me as I need to make the column width adjustable based on dynamic data filling in the columns. I have tried the following:
columnDefs: [
{ width: 200, targets: 0 }
],
and
scroller: {
rowHeight: 30
}
But using the scroller option is distorting the style of my table View distorted datatable image here
I have also attempted to adjust the columns using:
$('#masterGrid').column.adjust().draw();