search

skclusive / Skclusive.Material.Component

Port of Material-UI in C# for Blazor
https://skclusive.github.io/Skclusive.Blazor.Samples/Dashboard
MIT License
397 stars 55 forks source link

Cannot change color on Table Header #84

Open Julianh9 opened 3 years ago

Julianh9 commented 3 years ago
Does not change colors on
skclusive commented 3 years ago

can you provide sample snippet?

Julianh9 commented 3 years ago

Hi there,

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

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

@CreateSortableColumn("EntityName", "EntityName") @CreateSortableColumn("DefaultDataBase", "DefaultDataBase") @CreateSortableColumn("Id", "Id") Edit 
                            </TableHead>

Here

On Mon, Dec 21, 2020 at 5:21 PM skclusive notifications@github.com 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 commented 3 years ago

thanks. will look into this.

skclusive commented 3 years ago

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>