DataTable responsive columnDefs not working on Safari

DataTable responsive columnDefs not working on Safari

921kiyo921kiyo Posts: 1Questions: 1Answers: 0

Hi,

I am having a trouble with responsiveness of the table on Safari 10.0.1.
DataTables I am using is 1.10.13 (included libraries: DataTables 1.10.13, Responsive 2.1.1).

I initialised the datatable like the following.
```
var datatable = $('.datatable').DataTable({
responsive: true,
columnDefs: [
{ width: "30%", targets: 0},
{ width: "25%", targets: 1},
{ width: "20%", targets: 2},
{ width: "25%", targets: 3}
]
}).columns.adjust().responsive.recalc();

But the last columns width does not follow the definitions I made in columnsDefs. Not sure if responsiveness or columnDefs are not working (it works fine on Chrome).

Could anyone let me know how to fix it?

Thanks,

Kiyo

This discussion has been closed.