I have converted my tables from angular to datatables. Now I'm unable to filter out the rows.
<table datatable="" dt-options="dtOptions" dt-columns="dtColumns">
<tr>
<th class="Header">Feature</th>
<th class="Header">ID</th>
<th class="Header">Log</th>
<th class="Header">Location</th>
</tr>
</table>
When user Selects Checkbox Exclude Non-members. I was using ng-if to remove the row. Now I'm using DTColumnbuilder to build the table, so ng-show and if aren't working.
$scope.dtOptions = DTOptionsBuilder.fromSource('/Summary/'+item)
.withDataProp('responseData')
.withOption('serverSide', false)
.withOption('processing', false)
.withOption('bPaginate',false);
$scope.dtColumns = [
DTColumnBuilder.newColumn('feature').withTitle('Feature').withOption('width', '20%'),
DTColumnBuilder.newColumn('ID').withTitle('ID').withOption('width', '20%'),
DTColumnBuilder.newColumn('Log').withTitle('Log').withOption('width', '40%'),
DTColumnBuilder.newColumn('Location').withTitle(' Location').withOption('width', '20%')
];
So basically if the user selects checkbox,it should remove the rows whose id matches non-members. Just can't figure this out with datatables.