jQuery UI Widgets Forums Grid Grid cardview column width

This topic contains 2 replies, has 2 voices, and was last updated by  ivanpeevski 4 weeks ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • Grid cardview column width #134747

    robf
    Participant

    Hello,

    When in cardview, is there a way to change the width of the columns within the card itself? I am not talking about the column headers, I know that is done using the cardviewcolumns option. I am referring to the two column table that appears within the card itself.

    I have data where the value is much larger than the labels, so I want to have more of a 30% label, 70% value for the two columns.

    I tried an option like columnWidth: [‘30%’, ‘70%’] but it has no effect.

    Thanks for any direction on this.

    Rob

    • This topic was modified 1 month ago by  robf.
    • This topic was modified 1 month ago by  robf.
    Grid cardview column width #134757

    robf
    Participant

    Hi,
    Can you please confirm I took the correct approach to solving my issue?

    I override the following CSS in my own styles.css file:

    .jqx-grid-card-cell-label 
    {
    	width: 35%;
    	white-space: nowrap;
    }
    .jqx-grid-card-cell-value 
    {
    	width: 65%;
    }
    Grid cardview column width #134772

    ivanpeevski
    Participant

    Hi robf,

    Yes, this approach looks correct to me.

    Best Regards,
    Ivan Peevski
    jQWidgets Team
    http://www.jqwidgets.com

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.