dataTable showGroups getter/setter

spec/data-table-spec.js

@@ -3,6 +3,7 @@ describe('dc.dataTable', function() {
     var dateFixture;
     var dimension, group;
     var countryDimension;
+    var valueGroup;
 
     beforeEach(function() {
         dateFixture = loadDateFixture();
@@ -13,14 +14,15 @@ describe('dc.dataTable', function() {
         countryDimension = data.dimension(function(d) {
             return d.countrycode;
         });
+        valueGroup = function() {
+                return "Data Table";
+            };
 
         id = "data-table";
         appendChartID(id);
         chart = dc.dataTable("#" + id)
             .dimension(dimension)
-            .group(function(d) {
-                return "Data Table";
-            })
+            .group(valueGroup)
             .transitionDuration(0)
             .size(3)
             .sortBy(function(d){return d.id;})
@@ -51,6 +53,12 @@ describe('dc.dataTable', function() {
         it('sets order', function() {
             expect(chart.order()).toBe(d3.descending);
         });
+        it('group should be set', function() {
+            expect(chart.group()).toEqual(valueGroup);
+        });
+        it('group tr should not be undefined', function() {
+            expect(typeof(chart.selectAll("tr.dc-table-group")[0][0])).not.toBe('undefined');
+        });
         it('sets column span set on group tr', function() {
             expect(chart.selectAll("tr.dc-table-group td")[0][0].getAttribute("colspan")).toEqual("2");
         });
@@ -168,6 +176,16 @@ describe('dc.dataTable', function() {
         });
     });
 
+    describe('specifying showGroups as false', function () {
+        beforeEach(function() {
+            chart.showGroups(false);
+            chart.render();
+        });
+        it('group tr should be undefined', function() {
+            expect(typeof(chart.selectAll("tr.dc-table-group")[0][0])).toBe('undefined');
+        });
+    });
+
     afterEach(function() {
         dimension.filterAll();
         countryDimension.filterAll();

src/data-table.js

@@ -37,6 +37,7 @@ dc.dataTable = function (parent, chartGroup) {
         return d;
     };
     var _order = d3.ascending;
+    var _showGroups = true;
 
     _chart._doRender = function () {
         _chart.selectAll('tbody').remove();
@@ -127,15 +128,17 @@ dc.dataTable = function (parent, chartGroup) {
             .enter()
             .append('tbody');
 
-        rowGroup
-            .append('tr')
-            .attr('class', GROUP_CSS_CLASS)
-                .append('td')
-                .attr('class', LABEL_CSS_CLASS)
-                .attr('colspan', _columns.length)
-                .html(function (d) {
-                    return _chart.keyAccessor()(d);
-                });
+        if (_showGroups === true) {
+            rowGroup
+                .append('tr')
+                .attr('class', GROUP_CSS_CLASS)
+                    .append('td')
+                    .attr('class', LABEL_CSS_CLASS)
+                    .attr('colspan', _columns.length)
+                    .html(function (d) {
+                        return _chart.keyAccessor()(d);
+                    });
+        }
 
         groups.exit().remove();
 
@@ -329,5 +332,25 @@ dc.dataTable = function (parent, chartGroup) {
         return _chart;
     };
 
+    /**
+    ### .showGroups(true|false)
+    Get or set if group rows will be shown. Default value ``` true ```
+    The .group() getter-setter must be provided in either case.
+
+    ```js
+        chart
+            .group([value], [name])
+            .showGroups(true|false);
+    ```
+
+    **/
+    _chart.showGroups = function (_) {
+      if (!arguments.length) {
+        return true;
+      }
+      _showGroups = _;
+      return _chart;
+    };
+
     return _chart.anchor(parent, chartGroup);
 };