Topic: background-color in tables not working
Expected behavior Only the second tr ist working. the first with background-color doesn't work any more. I want to change the color. What have i to do ?
Actual behavior
Resources (screenshots, code snippets etc.)
<thead>
<tr class="table-primary font-weight-bold">
<th scope="col" class="h5">Datum</th>
<th scope="col" class="h5">Abteilung</th>
<th scope="col" class="h5">Termin / Ereignis</th>
</tr>
</thead>
<tbody>
<tr style="background-color: #FFF8E1;">
<td class="h6" id="r1">21.03.2024</td>
<td class="h6">1AO</td>
<td class="h6"><a href="/index.php?do=show_event&key=38" class="text-info" rel="nofollow">Aktivengeburtstag: </a></td>
</tr>
<tr class="table-info">
<td class="h6" id="r2">04.05.2024 <em>00:00 - 23:59</em> Uhr</td>
<td class="h6">Verein</td>
<td class="h6"><a href="/index.php?do=show_event&key=483" class="text-info" rel="nofollow">Unterhaltungskonzert 2024</a></td>
</tr>
Here is example of custom styling: https://mdbootstrap.com/snippets/standard/kpienkowska/6019175
Here is also example of cell formating: https://mdbootstrap.com/docs/standard/data/datatables/#section-cell-format
We do not transefr styles from the table you use to init datatable.
If you want to style your table you cannot use inline CSS on td or tr tags.
You can use CSS that target your table or if you want to style specific cells you can please div tag in it and any styles used on that tag will be applied.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Pro
- Premium support: No
- Technology: MDB Standard
- MDB Version: MDB5 7.2.0
- Device: PC
- Browser: all
- OS: windows
- Provided sample code: No
- Provided link: No