With this CSS you can set column's width to extremely wide / narrow:

.datatable table {
  table-layout: fixed;
}

.datatable table td, .datatable table th {
    overflow: hidden;
    white-space: nowrap;
    -moz-text-overflow: ellipsis;        
    -ms-text-overflow: ellipsis;
   -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: none;
}

Then you have to handle resizing - the way you do it depends on you. For example I have made buttons which resize the first column: https://mdbootstrap.com/snippets/standard/m-duszak/3255970#js-tab-view