Problem with bootstrap in angular

[J4KU8Dev]

I need help with my code. I added binding to my table. Its changing class: bg-info to tr odd and bg-warning to tr even. You can see, that is working when i will turn on console, but style doesn't change. For example, bootstrap is working for table( table-bordered).

[julien-deramond]

If you want to use .bg- classes, you'll need to apply them directly to each <td> or <th>, rather than to the <tr>.
Alternatively, you can use .text-bg- classes, which apply both background and corresponding text colors.

Another approach—depending on your use case—would be to customize the table styling using CSS variables:

1. Assign an id (such as myTable) or class to your table.
2. Redefine the striped row background color using CSS, like this:

#myTable {
  --bs-table-striped-bg: var(--bs-warning-bg-subtle);
  /* Do the same thing for the "normal" bg color, and for the text colors */
}

[J4KU8Dev]

I applied classes to each and now its working.Thank u