background-color in tables not working

Topic: background-color in tables not working

gerdhuber pro asked 9 months ago

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&amp;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&amp;key=483" class="text-info" rel="nofollow">Unterhaltungskonzert 2024</a></td>
            </tr>

Add comment

Kamila Pieńkowska staff answered 9 months ago

0 0 Best answer

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.

gerdhuber pro commented 9 months ago

Thank you.

can i have an example please.

Gerd

Add comment

Kamila Pieńkowska staff answered 9 months ago

0 0 Best answer

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

Add comment