JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › Data Grid › Column CSS class not working

Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • May 12, 2022 at 8:23 am #103225
    mastercs999
    Participant

    Hello,

    I am using Blazor Grid. My definition of a column is like this:

    <Column DataField=”@nameof(TransactionRow.Account)” Label=”Account” Class=”xxx” ClassName=”xxx” CellsClassName=”xxx”></Column>

    Yet there is nowhere the xxx CSS class in DOM. It looks like these properties are ignored. Are you sure is it supposed to work? How can I give a class to a column header and column cells? Other properties such as Label, DataType, Width etc are working.

    I am using Smart.Blazor 13.1.29.

    Thank you

    May 12, 2022 at 10:05 am #103226
    admin
    Keymaster

    Hi mastercs999,

    There is an issue with the ClassName and CellsClassName properties. We will do our best to resolve it for the next patch release of Smart.Blazor.

    You can use the following as a workaround:

    smart-grid-column[data-field="FirstName"] { 
  // your CSS goes here.
}

    Best regards,
    Peter Stoev

    Smart UI Team
    https://www.htmlelements.com/

    May 12, 2022 at 11:45 am #103227
    mastercs999
    Participant

    Great. Thank you!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.