jQuery UI Widgets Forums Grid Change color group heder line

This topic contains 5 replies, has 2 voices, and was last updated by  ngchagas 10 years, 2 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • Change color group heder line #60686

    ngchagas
    Participant

    Hi, how to change the color of group header line and maintain the color of detail lines ?

    Change color group heder line #60693

    Dimitar
    Participant

    Hello ngchagas,

    If I understand you correctly, you would like to change the colour of the group name rows (e.g. “City: Berlin (1)” in the demo Grouping), and not that of the member rows of the group. If that is the case, this cannot be achieved, unfortunately.

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/

    Change color group heder line #60715

    ngchagas
    Participant

    is just that. 🙁

    Change color group heder line #60719

    ngchagas
    Participant

    Hi Dimitar,
    and it is possible to get the level of the group in the groupsrenderer ?
    So I could format the font of group name to highlight the levels of groups.
    BG Ngchagas

    Change color group heder line #60739

    Dimitar
    Participant

    Hi Ngchagas,

    Here is how to get the currently rendered group’s level in groupsrenderer:

    $("#jqxgrid").jqxGrid(
    {
        width: 850,
        source: dataAdapter,
        groupable: true,
        groupsrenderer: function (text, group, expanded, data) {
            var level = data.level;
        },
        selectionmode: 'singlecell',
        groups: ['price'],
        columns: [
            { text: 'First Name', groupable: true, datafield: 'firstname', width: 90 },
            { text: 'Last Name', groupable: true, datafield: 'lastname', width: 90 },
            { text: 'Product', groupable: false, columntype: 'dropdownlist', datafield: 'productname', width: 180 },
            { text: 'Ship Date', groupable: false, datafield: 'date', width: 90, cellsalign: 'right' },
            { text: 'Quantity', datafield: 'quantity', width: 70, cellsalign: 'right' },
            { text: 'Price', datafield: 'price', cellsalign: 'right', cellsformat: 'c2' }
        ]
    });

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/

    Change color group heder line #60769

    ngchagas
    Participant

    Thanks Dimitar, works fine.

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

You must be logged in to reply to this topic.