ExtJS de Sencha es una excelente librería JavaScript de componentes profesionales para diseñar UI en entornos web.
El framework tiene contemplado una enorme cantidad de situaciones listas para usar.
Una de ellas es agrupar columnas a través de un ColSpan en un PanelGrid.

En este Link oficial vemos el ejemplo para la versión 4.

El mismo se resume a esto:

{
    header: 'Category Header',
    headers: [{
        header: 'First Sub Header',
        dataIndex: 'subHeaderField1'
    }, {
        header: 'Second Sub Header',
        dataIndex: 'subHeaderField2'
    }]
}

En versiones anteriores necesitábamos utilizar un plugin para realizar lo mismo. Pero se debía resolver con arrays de columnas.
Como pueden ver, la herramienta nos presenta un código muy ágil y simple de implementar.

Anuncios