title: SAPUI5 Table total row at bottom
body: <p>I am using a sap.ui.table to display columns of data. There are only 12 rows of data - the data is loaded from an ajax call to a database. I would like a total row at the bottom of the columns. I can't find any examples that show totals for the columns. </p>
  
  <p>Here is a small snippet of my table in the XML view.</p>
  
  <pre><code>        &lt;table:Table 
          id="CompRecs" 
          visibleRowCount="12"  
          visible="true" 
          rows="{
              path:'/yearInfo/'
          }"
          navigationMode="Paginator"&gt;
             &lt;table:toolbar&gt;
                &lt;Toolbar&gt;
                  &lt;Label id="recText"  text="Comparing " &gt;&lt;/Label&gt;
                  &lt;Input id="startYear"  width="15%" value="{/startYear}"/&gt;
                  &lt;Label id="selText"   text=" to "&gt;&lt;/Label&gt;
                  &lt;Input id="endYear"  width="15%" value="{/endYear}"/&gt;
                  &lt;Button text="Compare Years" press="findRecs"/&gt;
                &lt;/Toolbar&gt;
             &lt;/table:toolbar&gt;
             &lt;table:columns&gt;
                  &lt;table:Column &gt;
                      &lt;Label text="Month" /&gt;
                      &lt;table:template&gt;
                          &lt;Text text="{path: 'monthECC',formatter: 'controllers.Formatter.month'}"&gt;&lt;/Text&gt;
                      &lt;/table:template&gt;
                  &lt;/table:Column&gt; 
                  &lt;table:Column &gt;
                      &lt;Label text="Classified Products/Components" /&gt;
                      &lt;table:template&gt;
                          &lt;Text text="{classProductsA} ({classProductsB})"&gt;&lt;/Text&gt;
                      &lt;/table:template&gt;
                  &lt;/table:Column&gt; 
                  &lt;table:Column  &gt;
                      &lt;Label text="Classified Business Partners" /&gt;
                      &lt;table:template&gt;
                          &lt;Text text="{classPartnersA} ({classPartnersB})"&gt;&lt;/Text&gt;
                      &lt;/table:template&gt;
                  &lt;/table:Column&gt;
              &lt;/table:columns&gt; 
         &lt;/table:Table&gt;
  </code></pre>
  
  <p>What I would like to do is to have a total at the bottom for columns such as the Classified Products and Partners....these columns are showing two values - one for the current year, and one for the previous year ('classproductsA' = year 1, 'classproductsB' = year 2).</p>
  
  <p>So it should look something similar to:</p>
  
  <pre><code>Month      Classified Products          Classified Partners
  January         3 (5)                       4 (7)
  February        4 (3)                       5 (1)
  
  Totals:         7 (8)                       9 (8)
  </code></pre>
  
  <p>I haven't found any examples that I can try. </p>
  
  <p>EDIT: Sample data:</p>
  
  <pre><code>{"yearInfo":
  [{"monthECC":"1","classProductsA":"17","classProductsB":"140","classPartnersA":"1161","classPartnersB":"1116"},
  {"monthECC":"2","classProductsA":"37","classProductsB":"66","classPartnersA":"1389","classPartnersB":"1112"},    
  {"monthECC":"3","classProductsA":"60","classProductsB":"66","classPartnersA":"2111","classPartnersB":"1905"}]
  </code></pre>
  
  <p>Shows 3 'months' of data to match XML columns above. So would want:</p>
  
  <pre><code>Month      Classified Products          Classified Partners
  January         17 (140)                      1161 (1116)
  February        37 (66)                       66 (1389)
  March           60 (66)                       2111 (1905)
  
  Totals:         114 (272)                     3338 (4410)
  </code></pre>