append data changes

an23lm · Nov 2, 2019 · 0b560c3 · 0b560c3
1 parent 4ddecb3
commit 0b560c3
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/demo/demo1.html b/demo/demo1.html
@@ -75,15 +75,15 @@
 		const obj = {id: 1, name: 'SquarePants', mail: 'squrepants@subway.com', ph: ph, prof: 'pineapple pineapple', hobbs: 'ff?'};
 		newData.push({id: 1, name: 'SquarePants', mail: 'squrepants@subway.com squrepants@subway.com squrepants@subway.com squrepants@subway.com squrepants@subway.com squrepants@subway.com', ph: ++ph, hobbs: 'ff?'})
 		newData.push({id: 1, name: 'SquarePants', mail: 'squrepants@subway.com squrepants@subway.com', ph: ++ph, prof: 'pine', hobbs: 'ff?'})
-		for (var i = 0; i < 400; i++) {
+		for (var i = 0; i < 100; i++) {
 			newData.push(obj);
 		}
 
 		moderno.registerLazyLoadTriggerCallback((completion) => {
 			moderno.appendData(newData)
 			setTimeout(() => {
 				completion();
-			}, 1000)
+			}, 5000)
 		})
 
 		moderno.registerConditionOnColumn('cond1', function(row) {

diff --git a/dist/table-moderno.js b/dist/table-moderno.js
@@ -102,9 +102,11 @@ class TableModerno {
 							  <div class="moderno-sorting-order-number"></div>
 							  <label class="pure-material-checkbox moderno-sorting-item-checkbox">
 								  <input type="checkbox" data-key="${$(items[i]).attr("data-key")}">
-								  <span>${$(items[i])
-                    .html()
-                    .replace(/<(?:.|\n)*?>/gm, "")}</span>
+                  <span>
+                    ${$(items[i])
+                      .html()
+                      .replace(/<(?:.|\n)*?>/gm, "")}
+                  </span>
 							  </label>
 							  <button class="sort-button-wrapper sort-up" data-direction="up" onclick="event.stopPropagation();"><img class="ass-img"/></button>
 							  <button class="sort-button-wrapper sort-down" data-direction="down" onclick="event.stopPropagation();"><img class="dec-img"/></button>
@@ -591,8 +593,7 @@ class TableModerno {
     for (var i = 0; i < data.length; i++) {
       dataString += this.getRowString(i, colKeys, clipClass);
     }
-    let oldHtml =  $(`#${this.tableID} .moderno-table-body`).html()
-    $(`#${this.tableID} .moderno-table-body`).html(oldHtml + dataString);
+    $(`#${this.tableID} .moderno-table-body`).append(dataString);
 
     this.setWidthByColumn(this.config.widthByColumn);
     this.registerStickyColumnsLeft(this.config.stickColumnsLeft);