Our pure JavaScript Scheduler component


How to Combine the columns

Post Reply

Post by Abhijith Hebbar K »

Please refer to the image, How to combine the highlighted Fields.
columns : [
        {
            type            : 'resourceInfo',
            imagePath       : '../_shared/images/users/',
            text            : 'Name',
            width           : 170,
            sum             : 'count',
            summaryRenderer : ({ sum }) => `Total: ${sum}`
        },
       [code] {
            type            : 'number',
            text            : 'Rating',
            field           : 'rating',
            width           : 100,
            sum             : 'average',
            align           : 'right',
            summaryRenderer : ({ sum }) => `Average: ${sum.toFixed(2)}`
        },
        {
            type            : 'number',
            text            : 'Outoff',
            field           : 'rating',
            width           : 100,
            sum             : 'average',
            align           : 'right',
            summaryRenderer : ({ sum }) => `Average: ${sum.toFixed(2)}`
        }
],[/code]
Attachments
Please refer to this.
Please refer to this.
Capture.PNG (116.75 KiB) Viewed 962 times

Post by mats »

Please use CODE tags when posting code. Could you please post a screenshot showing how you would like it to look?

Post by Abhijith Hebbar K »

Hello 
columns : [
        {
            type            : 'resourceInfo',
            imagePath       : '../_shared/images/users/',
            text            : 'Name',
            width           : 170,
            sum             : 'count',
            summaryRenderer : ({ sum }) => `Total: ${sum}`
        },
[code]
 {
            type            : 'number',
            text            : 'Rating',
            field           : 'rating',
            width           : 100,
            sum             : 'average',
            align           : 'right',
            summaryRenderer : ({ sum }) => `Average: ${sum.toFixed(2)}`
        },
        {
            type            : 'number',
            text            : 'Outoff',
            field           : 'rating',
            width           : 100,
            sum             : 'average',
            align           : 'right',
            summaryRenderer : ({ sum }) => `Average: ${sum.toFixed(2)}`
        }
]
[/code]
Want to combine Rating and OutOff columns, It should come in the same column.

Post by mats »

Not supported out of the box, but you can of course apply some clever CSS to make it *appear* the way you want.

Post by Abhijith Hebbar K »

Since I am not that much into CSS, could you please help me out in that.

Thanks in advance.

Post by mats »

Please see our services page for consulting assistance: https://www.bryntum.com/services/
Post Reply