Cannot change color on Table Header

[Julianh9]

Does not change colors on <TableHead>

[skclusive]

can you provide sample snippet?

[Julianh9]

Hi there,

Here is the snippet - bold does not work. regards Julian Hoets

<TableHead Style="color:yellow; background-color:aqua;"> <TableRow> <TableCell>

@CreateSortableColumn("EntityName", "EntityName") </TableCell> <TableCell Align="@Align.Right">

@CreateSortableColumn("DefaultDataBase", "DefaultDataBase") </TableCell> <TableCell Align="@Align.Right"> @CreateSortableColumn("Id", "Id") </TableCell>

                                    <TableCell Align="@Align.Right">
                                        Edit
                                    </TableCell>

                                </TableRow>
                            </TableHead>

Here

On Mon, Dec 21, 2020 at 5:21 PM skclusive [email protected] wrote:

can you provide sample snippet?

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/skclusive/Skclusive.Material.Component/issues/84#issuecomment-749027789, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABYVIFQQ67DT4QE4IOG2EGLSV5RVXANCNFSM4VEAFDEQ .

[skclusive]

thanks. will look into this.

[skclusive]

looks like the background color is applied on the header (aqua). but the color (yellow) not applied on the TableCell text because TableCell has higher priority css color styling. so either you could have a css class for cell level or style property on cell level can be applied.

<TableHead  
       Style="background-color:aqua;">
       <TableRow>
               <TableCell Style="color:yellow;">
                       @CreateSortableColumn("EntityName", "EntityName")
                </TableCell>
                <TableCell Style="color:yellow;" Align="@Align.Right">
                       @CreateSortableColumn("DefaultDataBase", "DefaultDataBase")
                 </TableCell>
                 <TableCell Style="color:yellow;" Align="@Align.Right">
                         @CreateSortableColumn("Id","Id")
                  </TableCell>
                  <TableCell Class="app-header-text-yellow" Align="@Align.Right">
                           Edit
                  </TableCell>
        </TableRow>
</TableHead>