Как перезаписать Materialize CSS с помощью CSS браузера по умолчанию?

Question

Я создаю веб-приложение, используя Javascript, AngularJS и Materialize CSS для своего интерфейса. Материализовать CSS было отличным инструментом, но у меня есть проблема.

Я хочу использовать Angular-Datatables для своих таблиц, но я не могу, потому что ими манипулируют Materialize CSS. Вам даже не нужно писать что-либо особенное, вы просто пишете <table>, и вы уже используете таблицу Materialize.

Итак, мой вопрос: как я могу продолжать использовать Materialize CSS для всего остального, но использовать таблицы по умолчанию для CSS, чтобы использовать Angular-Datatables?

Спасибо.

EDIT:

Вот мой HTML код:

<table> 
    <thead> 
     <tr> 
      <th style="width:15%"><b>ID</b></th> 
      <th style="width:40%"><b>Title</b></th> 
      <th style="width:15%"><b>Start Date</b></th> 
      <th style="width:20%"><b>End Date</b></th> 
      <th style="width:10%"><b>Type</b></th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr ng-repeat="task in tasks track by $index"> 
      <td>{{task.id}}</td> 
      <td>{{task.title}}</td> 
      <td>{{task.start_day}} {{task.start_time}}</td> 
      <td>{{task.end_day}} {{task.end_time}}</td> 
      <td>{{task.type}}</td> 
     </tr> 
    </tbody> 
</table> 

Этот код выдает следующую таблицу:

С угловыми-DataTables, и если вы будете следовать их сайте вам просто нужно изменить тег <table> на <table datatable="">, это выглядит следующим образом: