The "No matching records found" row remains on my table, even though data has been loaded.
The table is defined as follows:
<table datatable dt-options="gvc.dtOptions" class="table table-striped">
<thead>
<tr>
<th data-priority="1">Alert Time</th>
<th data-priority="2">Description</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="alert in gvc.recentAlerts">
<td>{{alert.alert_time}}</td>
<td>{{alert.sent_text}}</td>
</tr>
</tbody>
And the dtOptions as follows in the controller:
self.dtOptions = DTOptionsBuilder.newOptions()
.withDOM('t')
.withOption('scrollY', '200px')
.withOption('scrollCollapse', true)
.withOption('paging', false)
.withOption('bSort', false)
.withOption('responsive', true);
Any ideas as to why it is remaining?
If you are you using Angular2 or higher, Component level SCSS or CSS (Not global level ),
::ng-deep table.dataTable td.dataTables_empty {
display: none;
}