title: How to add Grand total in Tabulator.js table
body: <p>I have created a tabulator table like this (refer this <a href="https://jsfiddle.net/opankajkumar/yjzktq4w/" rel="nofollow noreferrer">fiddle</a>)</p>
  
  <pre><code>var nestedCalc = function(values, data, calcParams){
      var calc = 0;
  
      data.forEach(function(row) {
          row._children.forEach(function (child) {
          calc += child[calcParams.field];
        })
      });
  
      return calc;
  }
  
  var table = new Tabulator("#example-table", {
      data:tableDataNested,
      dataTree:true,
      dataTreeStartExpanded:true,
      groupBy: "name",
      columns:[
        {title:"Name", field:"name", responsive:0},
        {title:"Applied", field:"applied", bottomCalc: nestedCalc, align:"center", bottomCalcParams: {field: "applied"}},
        {title:"Screened", field:"screened", bottomCalc: nestedCalc,align:"center", bottomCalcParams: {field: "screened"}},
        {title:"Interviewed", field:"interviewed", bottomCalc: nestedCalc,align:"center", bottomCalcParams: {field: "interviewed"}},
      ],
  });
  </code></pre>
  
  <p>With some dummy data like this</p>
  
  <pre><code>var tableDataNested = [
      {name:"Backend Engineer A", _children:[
          {name:"Sourced", applied:300, screened:40, interviewed:5},
          {name:"Referred", applied:3, screened:1, interviewed:0},
          {name:"University", applied:4, screened:2, interviewed:1},
          {name:"Total", applied:307, screened:43, interviewed:6},
      ]},
      {name:"Backend Engineer B", _children:[
          {name:"Sourced", applied:1000, screened:140, interviewed:55},
          {name:"Referred", applied:30, screened:11, interviewed:2},
          {name:"University", applied:40, screened:22, interviewed:10},
      ]},
      {name:"Backend Engineer B", _children:[
          {name:"Sourced", applied:1000, screened:140, interviewed:55},
          {name:"Referred", applied:30, screened:11, interviewed:2},
          {name:"University", applied:40, screened:22, interviewed:10},
      ]},
  ];
  </code></pre>
  
  <p>I want to add a Grand Total as highlighted in the image below</p>
  
  <p><a href="https://i.stack.imgur.com/u343Z.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/u343Z.jpg" alt="Require grand total"></a></p>
  
  <p>I am finding this utterly difficult as I couldn't get anything helpful in the documentation.
  Help &amp; hints are appreciated. </p>