[5.3] MSTR-320: Fix table paging position and value when there are no…

… rows (#1237)

src/apps/core/views/monster-table-paging.html

@@ -14,7 +14,7 @@
                 </li>
             </ul>
             <div class="divider"></div>
-            <span class="label label-default">1-{{rowCount}} of {{rowCount}}</span>
+            <span class="label label-default">{{#compare rowCount "===" 0}}0{{else}}1{{/compare}}-{{rowCount}} of {{rowCount}}</span>
         </div>
-    </td>    
+    </td>
 </tr>

src/js/lib/monster.ui.js

@@ -2868,15 +2868,23 @@ define(function(require) {
 					// If we gave a selector with many table, we need to add the component to each table, so we need to loop thru each table included in the jquery selector
 					$.each(table, function(k, singleTable) {
 						var $singleTable = $(singleTable),
-							$tablePaging = $singleTable.find('.footable-paging td');
+							$tablePaging = $singleTable.find('.footable-paging td'),
+							rowCount = footable.get($singleTable).rows.all.length;
 
 						if ($tablePaging.length === 0) {
+							var cols = 0;
+
+							$singleTable.find('tbody > tr:first > td').each(function() {
+								var colspanStr = $(this).attr('colspan');
+								cols += (_.parseInt(colspanStr) || 1);
+							});
+
 							$singleTable.find('tfoot').append(
 								$(monster.template(
 									monster.apps.core, 'monster-table-paging',
 									{
-										cols: $singleTable.find('tbody > tr:first > td').length,
-										rowCount: footable.get($singleTable).rows.all.length
+										cols: cols,
+										rowCount: rowCount
 									}
 								))
 							);