Tabulator/Datatables refresh need improvements (#652)

* Tabulator/Datatables refresh need improvements
Fixes #210

* Used layout method

---------

Co-authored-by: tsv2013 <[email protected]>

Author: tsv2013

src/tables/table.ts

@@ -312,10 +312,16 @@ export abstract class Table {
     return [].concat(this._survey.getUsedLocales());
   }
 
-  public refresh(hard: boolean = false) {
-    if (hard) {
-      this.initTableData(this.data);
-    }
+  protected supportSoftRefresh() {
+    return false;
+  }
+
+  protected softRefresh() {
+    this.hardRefresh();
+  }
+
+  protected hardRefresh() {
+    this.initTableData(this.data);
     if (this.isRendered) {
       this.currentPageNumber = this.getPageNumber();
       const targetNode = this.renderResult;
@@ -326,6 +332,14 @@ export abstract class Table {
     }
   }
 
+  public refresh(hard: boolean = false) {
+    if (hard || !this.supportSoftRefresh()) {
+      this.hardRefresh();
+    } else {
+      this.softRefresh();
+    }
+  }
+
   public destroy() {
     this.clearCreatedRows();
     this.extensions.destroy();

src/tables/tabulator.ts

@@ -116,6 +116,15 @@ export class Tabulator extends Table {
   private tableContainer: HTMLElement = null;
   private currentDownloadType: string = "";
 
+  protected supportSoftRefresh() {
+    return true;
+  }
+
+  protected softRefresh() {
+    if(!this.isRendered) return;
+    this.layout(true);
+  }
+
   public render(targetNode: HTMLElement | string): void {
     super.render(targetNode);
     if (typeof targetNode === "string") {