rowGroup endRender multiple Rows

EdaurdoCR

Can you add two rows at the end?, since it only returns only one and I occupy two.

rowGroup: {endRender: function(rows, group) {

                        var intVal = function(i) {
                            return typeof i === 'string' ?
                                i.replace(/[\$,]/g, '') * 1 :
                                typeof i === 'number' ?
                                i : 0;
                        };

                        var column = [6, 7, 8, 9];

                        var api = rows,
                            data;

                        var numero = $.fn.dataTable.render.number(',', '.', 2).display;

                        var container = $('<tr/>');
                        container.append('<td colspan="6" style="text-align:right;">Total en pesos</td>');


                        _.each(column, function(idx) {

                            var totalPesos = api
                                .column(idx)
                                .data()
                                .reduce(function(a, b) {

                                    var cur_index = api.column(idx).data().indexOf(b);
                                    if (api.column(5).data()[cur_index] != "Dolares") {
                                        return intVal(a) + intVal(b);
                                    } else {
                                        return intVal(a);
                                    }
                                }, 0)


                            container.append('<td>' + numero(totalPesos) + '</td>');

                        })
                        container.append('<td colspan="6" style="text-align:right;">Total en dolares</td>');
                        _.each(column, function(idx) {

                            var totalDolares = api
                                .column(idx)
                                .data()
                                .reduce(function(a, b) {

                                    var cur_index = api.column(idx).data().indexOf(b);
                                    if (api.column(5).data()[cur_index] != "Pesos") {
                                        return intVal(a) + intVal(b);
                                    } else {
                                        return intVal(a);
                                    }
                                }, 0)


                            container.append('<td>' + numero(totalDolares) + '</td>');

                        })

                        return $(container)



                    },
                    dataSrc: 'estado'
                }

kthorngren

You are in control of what HTML elements are returned. Currently you are building one tr in the container variable. You can add another tr for two rows.

Kevin

EdaurdoCR

Thank you very much, I never thought that.

tnk479

Okay but how? If the API requires you to return a row, how do you do this?

kthorngren

@tnk479 Try something like this example:
http://live.datatables.net/fudimora/1/edit

Kevin