jueves, 2 de agosto de 2018

C# - JQGRID Doble encabezado para columnas en grilla jquery



 var lastsel2;
        function defineGvTasas() {
            try {
                $("#gridTasas").jqGrid({
                    datatype: "local",
                    colNames: ['Fecha ', 'Tipo Fecha ', 'Tasa Max.', 'Vigencia', 'Tasa Max.', 'Vigencia', 'Tasa Max.', 'Vigencia'],
                    colModel: [
                        { name: 'fecha', index: 'fecha', align: 'center', width: '116px', editable: false, hidden: false },
                        { name: 'glosa_fecha', index: 'glosa_fecha', align: 'center', width: '116px', editable: false, hidden: false },
                        { name: 'tasa_max_$', index: 'tasa_max_$', align: 'center', width: '116px', editable: false, hidden: false },
                        { name: 'vigencia_$', index: 'vigencia_$', align: 'center', width: '116px', editable: false, hidden: false },
                        { name: 'tasa_max_uf', index: 'tasa_max_uf', align: 'center', width: '116px', editable: false, hidden: false },
                        { name: 'vigencia_uf', index: 'vigencia_uf', align: 'center', width: '116px', editable: false, hidden: false },
                        { name: 'tasa_max_usd', index: 'tasa_max_usd', align: 'center', width: '116px', editable: false, hidden: false },
                        { name: 'vigencia_usd', index: 'vigencia_usd', align: 'center', width: '116px', editable: false, hidden: false }
                    ],
                    multiselect: false,
                    rowNum: -1,
                    footerrow: false,
                    pgbuttons: false,
                    viewrecords: true,
                    width: 980,
                    shrinkToFit: false,
                    autowidth: false,
                    forceFit: true,
                    height: 65,
                    editurl: jutils.pageName()
                });

                jQuery("#gridTasas").jqGrid('setGroupHeaders', {
                    useColSpanStyle: true,
                    groupHeaders: [
                        { startColumnName: 'tasa_max_$', numberOfColumns: 2, titleText: '$' },
                        { startColumnName: 'tasa_max_uf', numberOfColumns: 2, titleText: 'U.F.' },
                        { startColumnName: 'tasa_max_usd', numberOfColumns: 2, titleText: 'US$ OBS.' }
                    ]
                });

            } catch (e) {
                jutils.showError(e, arguments.callee.name);
            }
        }

No hay comentarios:

Publicar un comentario