Angular Tables styles do not work as expected

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: Angular Tables styles do not work as expected

kaimeng pro asked 8 years ago

MDB Angular PRO 4.3.5 I've been struggling to make sense of the behavior of table styles. (1) table-striped 
In bootstrap/tables,
.table-striped {
  tbody tr:nth-of-type(odd) {
    background-color: $table-accent-bg;
  }
}

when used with Angular *for loop
<tbody *ngFor="let form of forms">
  <tr>
    <th scope="row">{{form.id}}</th>
    <td>{{form.name}}</td>
  </tr>
</tbody>

all the rows have the "odd" row color table-accent-bg
The scss expression seems not able to determine odd or even rows generated by angular *for statement.
(2)  No able to customize table styles Custom entries added to bootstrap/custom file have no effect.   _custom.scss is never imported. 
It works after importing the file in bootstrap/bootstrap
@import "functions";
@import "variables";
@import "custom";  <---- I have to add this line
  (3) The last statement in mdb.scss is missing the semicolon. 
@import "./angular/mdb-angular";   <--- semicolon added

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Closed

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: Yes
  • Provided link: No
About author
kaimeng
Pro User
12Support score
5Questions 5Answers
0Snippets likes 0Snippets