Данные таблицы DC.js отображают нежелательные дополнительные строки

Question

У меня возникла проблема со столом в DC.js. Каждая строка с нечетными номерами является дополнительной. В таблице должны быть только два столбца. Первый столбец является государственным, а второй - суммой, называемой фондом. Но, как вы можете видеть на изображении, есть дополнительная строка, которая отображает только число, то же самое число, которое находится в правом столбце каждой четной строки.

код JS,

<script> 
    var text = '['; 
    var obj; 
    url = "/funding"; 
    d3.json(url, function(error, json_response) { 
     for (var item in json_response['proposals']) { 
     item = parseInt(item); 
     fund = json_response['proposals'][item]['totalPrice']; 
     state = json_response['proposals'][item]['state']; 
     obj = '{ "state":' + '"' + state + '"' + ', "fund":' + fund + '}'; 
     text += obj + ','; 
     } 
     text = text.substring(0, text.length - 1); 
     text += ']'; 
     data = JSON.parse(text); 
     cf = crossfilter(data); 

     stateDim = cf.dimension(function(d) { 
     return d.state; 
     }); 
     fundDim = stateDim.group().reduceSum(function(d) { 
     return d.fund; 
     }); 

     datatable = dc.dataTable("#tablechart"); 
     datatable 
     .dimension(stateDim) 
     .group(function(d) { 
      return d.fund; 
     }) 
     .columns([ 
      function(d) { 
      return d.state; 
      }, 
      function(d) { 
      return d.fund; 
      } 
     ]); 

     dc.renderAll(); 
    }); 
    </script> 

HTML-,

<div class="table-responsive"> 
        <table id="tablechart" class="table table-bordered table-hover table-striped"> 
         <thead> 
         <tr class="header"> 
          <th>State</th> 
          <th>Funding($)</th> 
         </tr> 
         </thead> 
        </table> 
        </div> 

Я пытался добавить, (который я получил от here)

.showGroups(false) 

, но я получаю в консоли,

Uncaught TypeError: datatable.dimension(...).group(...).showGroups is not a function 
(anonymous function) @ (index):388 
(anonymous function) @ d3.min.js:1 
t @ d3.min.js:1 
i @ d3.min.js:1 

Спасибо,

Answer 1

В CSS это работает,

.dc-table-group { 
    display:none 
} 

Конечно нечетные строк таблицы показывают группировку.

Полезные связанные сообщения:

Hide group rows of dc.dataTable

dc datatable without grouping the rows