I'm following the themeing setup for ngx-datatable.
First I npm installed ngx-datatable 10.4.0 since this is compatible with Angular 4 and an earlier version of rxjs.
My problem is with the styling of the table.
My template file looks like this:
<div>
<ngx-datatable
[rows]="rows"
[columns]="columns"
[columnMode]="'standard'"
class="material"
fixed-header
[headerHeight]="50"
[scrollbarV]="true">
</ngx-datatable>
</div>
Inside of my scss file:
@import '~@swimlane/ngx-datatable/release/index.css';
@import '~@swimlane/ngx-datatable/release/themes/material.css';
@import '~@swimlane/ngx-datatable/release/themes/bootstrap.css';
@import '~@swimlane/ngx-datatable/release/assets/icons.css';
And I can confirm that the material styling works to a certain extent:
I wish to add a border-bottom under my header, but to no avail.
If you check the demo: http://swimlane.github.io/ngx-datatable/#filter
There is always a border-bottom for the sample tables.
How do I configure the table to insert a border-bottom beneath the header?
Is there a problem with my ngx-datatable setup?