RowGroup Not Functioning Properly

Method_dev

So I am trying to use the latest RowGroup functionality but I keep getting "Cannot set property of 'RowGroup' undefined"

This is what I have, and everything BUT "rowGroup" works:

 var testTbl = $("#testTbl");

            var table = testTbl.DataTable({
                "data": data, //Set Data for table
                "columns": [
                    {
                        "className": 'details-control',
                        "orderable": false,
                        "data": null,
                        "defaultContent": ''
                    },
                    { "data": "test", "title": "derp" },
                    { "data": "id", "title": "derp2" },
                    {   "title": "test",
                        render: function (data, type, row) {
                            return '<button class="form-control" data-toggle="modal" data-target="#rowData_Modal" onclick="loadModalData(this);">'+row.test+ '</button>';
                        }
                    },
                ],
                rowGroup: {
                    dataSrc: 'derp'
                }
            });

kthorngren

Did you include the RowGroup JS and CSS files? You can use the Download Builder to obtain them.

Kevin

Method_dev

Yes I did, but i stupidly had the rowGroup loading before the dataTables JS file and so that was my problem. My apologies, everything is working as intended now.