jQWidgets Forums

jQuery UI Widgets › Forums › Grid › Grid cardview column width

Tagged: 

This topic contains 2 replies, has 2 voices, and was last updated by  ivanpeevski 1 year, 1 month ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Grid cardview column width Posts
  • May 15, 2024 at 3:23 am 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

    May 16, 2024 at 2:31 am 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%;
}
    May 16, 2024 at 10:25 pm 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

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.