Show rows number in listing option (enabled by default)

Author: nikitaeverywhere

package.json

@@ -1,7 +1,7 @@
 {
   "name": "LightPivotTable",
   "author": "ZitRo",
-  "version": "1.4.4",
+  "version": "1.4.5",
   "description": "A lightweight pivot table for MDX2JSON source for InterSystems Cache",
   "main": "test/testServer.js",
   "repository": {

readme.md

@@ -77,6 +77,7 @@ var setup = { // Object that contain settings. Properties in brackets can be mis
         [ , enableSearch: true ] // enables search panel in listing (default: true)
         [ , showRowNumbers: true ] // show the row number in first column
         [ , enableListingSelect: true ] // enable listing selection, true by default
+        [ , showListingRowsNumber: true ] // show rows number in listing and tables if paginated
     },
     lp = new LightPivotTable(setup);
 

source/css/LightPivot.css

@@ -55,6 +55,32 @@
     cursor: pointer;
 }
 
+.lpt-bottomInfo {
+    float: left;
+    padding: 0 2px 0 2px;
+}
+
+.lpt-icon-rows {
+    position: relative;
+    display: inline-block;
+    width: 10px;
+    height: 6px;
+    border-top: 2px solid black;
+    border-bottom: 2px solid black;
+    vertical-align: middle;
+    margin: 2px;
+}
+
+.lpt-icon-rows:before {
+    position: absolute;
+    width: 100%;
+    display: block;
+    content: "";
+    height: 0;
+    top: 2px;
+    border-bottom: 2px solid black;
+}
+
 .lpt .lpt-tableBlock tr:hover td {
     box-shadow: inset 0 0 30px #fff5b9;
 }

source/js/LightPivotTable.js

@@ -328,6 +328,8 @@ LightPivotTable.prototype.normalizeConfiguration = function (config) {
     if (typeof config["enableSearch"] === "undefined") config.enableSearch = true;
     if (typeof config["stretchColumns"] === "undefined") config.stretchColumns = true;
     if (typeof config["enableListingSelect"] === "undefined") config.enableListingSelect = true;
+    if (typeof config["showListingRowsNumber"] === "undefined")
+        config.showListingRowsNumber = true;
     if (!config["triggers"]) config.triggers = {};
     if (!config["dataSource"]) config.dataSource = {};
 };

source/js/PivotView.js

@@ -937,8 +937,10 @@ PivotView.prototype.renderRawData = function (data) {
         mainTable = document.createElement("table"),
         mainTBody = document.createElement("tbody"),
 
-        pageSwitcher = this.pagination.on ? document.createElement("div") : null,
-        pageNumbers = this.pagination.on ? [] : null,
+        showBottomBar = this.pagination.on
+            || (LISTING && this.controller.CONFIG["showListingRowsNumber"]),
+        pageSwitcher = showBottomBar ? document.createElement("div") : null,
+        pageNumbers = showBottomBar ? [] : null,
         pageSwitcherContainer = pageSwitcher ? document.createElement("div") : null,
 
         searchBlock = SEARCH_ENABLED ? document.createElement("div") : null,
@@ -1363,6 +1365,18 @@ PivotView.prototype.renderRawData = function (data) {
             return pagesArr;
 
         })(this.pagination.page + 1, this.pagination.pages);
+        if (this.controller.CONFIG.showListingRowsNumber) {
+            td = document.createElement("div");
+            tr = document.createElement("span");
+            tr.className = "lpt-icon-rows";
+            td.className = "lpt-bottomInfo";
+            td.appendChild(tr);
+            tr = document.createElement("span");
+            tr.textContent = data["rawData"].length - (data["info"].topHeaderRowsNumber || 0)
+                - (data["info"].SUMMARY_SHOWN ? 1 : 0);
+            td.appendChild(tr);
+            pageSwitcherContainer.appendChild(td);
+        }
         for (i in pageNumbers) {
             i = parseInt(i);
             td = document.createElement("span");