Fix #255

swimlane · Nov 9, 2016 · b3aef37 · b3aef37
1 parent a07d2f7
commit b3aef37
Show file tree

Hide file tree

Showing 6 changed files with 34 additions and 5 deletions.
diff --git a/demo/basic/inline.ts b/demo/basic/inline.ts
@@ -4,10 +4,17 @@ import { Component } from '@angular/core';
   selector: 'inline-edit-demo',
   template: `
     <div>
-      <h3>Inline Editing</h3>
+      <h3>
+        Inline Editing
+        <small>
+          <a href="#" (click)="mydatatable.refresh()">Refresh</a>
+        </small>
+      </h3>
       <datatable
+        #mydatatable
         class="material"
         [headerHeight]="50"
+        [limit]="5"
         [columnMode]="'force'"
         [footerHeight]="50"
         [rowHeight]="'auto'"

diff --git a/demo/basic/row-detail.ts b/demo/basic/row-detail.ts
@@ -6,10 +6,9 @@ import { Component, ViewEncapsulation, ViewChild } from '@angular/core';
     <div>
       <h3>
         Row Detail Demo
-        <br />
-        <small style="position:absolute;right:20px;top:5px;">
-          <button (click)="mydatatable.expandAllRows()">Expand All</button>
-          <button (click)="mydatatable.collapseAllRows()">Collapse All</button>
+        <small>
+          <a href="#" (click)="mydatatable.expandAllRows()">Expand All</a> | 
+          <a href="#" (click)="mydatatable.collapseAllRows()">Collapse All</a>
         </small>
       </h3>
       <datatable

diff --git a/demo/index.html b/demo/index.html
@@ -73,6 +73,17 @@
       color: #FFF;
       text-align: left;
       padding: 10px;
+      overflow: hidden;
+      height: 32px;
+    }
+
+    h3 a {
+      color: #ccc;
+    }
+
+    h3 small {
+      margin-left: 10px;
+      font-size: .8rem;
     }
 
     .fullscreen {

diff --git a/docs/api/table-fns.md b/docs/api/table-fns.md
@@ -4,3 +4,4 @@
 * `expandAllRows()`: Expand all row details when using row detail templates.
 * `collapseAllRows()`: Collapse all row details when using row detail templates.
 * `recalculate()`: Recalculate the grid sizes.
+* `refresh()`: Refresh rows in the grid.
diff --git a/docs/changelog.md b/docs/changelog.md
@@ -1,5 +1,9 @@
 # Changelog
 
+## 1.4.0
+- Enhancement: Added `refresh` API for updating table (#255)
+- Bug: Fix intersection observer type errors (#268)
+
 ## 1.3.1
 - Bug: Fix force column width distribution overriding new resize (#245)
 

diff --git a/src/components/datatable.component.ts b/src/components/datatable.component.ts
@@ -291,6 +291,13 @@ export class DatatableComponent implements OnInit, AfterViewInit {
     this.recalculate();
   }
 
+  /**
+   * Refresh the table rows manually.
+   */
+  refresh(): void {
+    this.bodyComponent.recalcLayout();
+  }
+
   /**
    * Toggle the expansion of the row
    *