GridView: grouping some cols

[rochejul]

Hi,

Can we have a possibility to group columns into the Gridview ? Maybe we can put a specific class on a column to set how many colums it could regroup.

I have already done some stuff about this on a project. We can have for example:

.ui-grid-c .ui-colspan-b {
width: 75%
}

Where for a grid of 3 columns, one can represent two of these, or

.ui-grid-d .ui-colspan-b {
width: 40%
}

.ui-grid-d .ui-colspan-c {
width: 60%
}

Where for a grid of 4 columns, one can represent two or three of these.

What do you think ?

Cheers

Julien Roche

[toddparker]

@rochejul - Do you have sample code or a demo page illustrating this idea? Seems interesting and we're looking at grids now anyway.

[rochejul]

Sure,

Here two examples:

<div class="ui-grid-c">
    <div class="ui-block-a">
        Col 1
    </div>
    <div class="ui-block-b ui-colspan-b">
        Col 2 that regroup three columns
    </div>
</div>

And

<div class="ui-grid-d">
    <div class="ui-block-a">
        Col 1
    </div>
    <div class="ui-block-b ui-colspan-c">
        Col 2 that regroup three columns
    </div>
    <div class="ui-block-c">
        Col 3
    </div>
</div>

Cheers

[mrextreme]

Also, see this and the following posts.

#4776 (comment)

[toddparker]

We've discussed this and decided to not include this in the framework. It's easy enough to write simple css to handle colspans or just write different grid types with unique ratios.