Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #102701
    Joko Pitoyo
    Participant
    Up
    0
    Down

    to make grid more compact i try to override variables, but this not working, what right ways to override grid variable?

    `

    <style>

    //using selector notworking
    <div>
    <div>#grid {</div>
    <div>            –smart-grid-header-height: 30px;</div>
    <div>            –smart-grid-row-height: 25px;</div>
    <div>        }</div>
    //using tag not working
    <div>        smart-grid {</div>
    <div>            –smart-grid-header-height: 30px;</div>
    <div>            –smart-grid-row-height: 25px;</div>
    <div>        }</div>
    </div>
    </style>

    `

    • This topic was modified 4 months, 3 weeks ago by Joko Pitoyo.
    #102703
    admin
    Keymaster
    Up
    0
    Down

    Hi Joko,

    The sample code below shows how to set the columns height and rows height in our Datagrid component. Note that the minimum row height is 30px.

    smart-grid {
        width: 100%;
        width: 100%;
        height: 600px;
        --smart-grid-column-header-height: 30px;
        --smart-grid-row-height: 30px;
    }

    Best regards,
    Peter Stoev

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

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