fix: Render blank state when rows is 0

frappe · Sep 17, 2019 · ad0e0b5 · ad0e0b5
1 parent a47e1f0
commit ad0e0b5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/src/body-renderer.js b/src/body-renderer.js
@@ -16,6 +16,11 @@ export default class BodyRenderer {
         this.visibleRows = rows;
         this.visibleRowIndices = rows.map(row => row.meta.rowIndex);
 
+        if (rows.length === 0) {
+            this.bodyScrollable.innerHTML = this.getNoDataHTML();
+            return;
+        }
+
         const rowViewOrder = this.datamanager.rowViewOrder.map(index => {
             if (this.visibleRowIndices.includes(index)) {
                 return index;

diff --git a/src/style.js b/src/style.js
@@ -297,6 +297,7 @@ export default class Style {
     setBodyStyle() {
         const bodyWidth = $.style(this.datatableWrapper, 'width');
         const firstRow = $('.dt-row', this.bodyScrollable);
+        if (!firstRow) return;
         const rowWidth = $.style(firstRow, 'width');
 
         let width = bodyWidth > rowWidth ? rowWidth : bodyWidth;