jingrow/datatable
1
0
Fork 0
Code Pull Requests Activity

fix: Render blank state when rows is 0

Browse Source
This commit is contained in:
Faris Ansari 2019-09-17 18:59:14 +05:30
parent a47e1f07eb
commit ad0e0b592a
2 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/body-renderer.js
View File

@ -16,6 +16,11 @@ export default class BodyRenderer {
this.visibleRows = rows; this.visibleRows = rows;
this.visibleRowIndices = rows.map(row => row.meta.rowIndex); 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 => { const rowViewOrder = this.datamanager.rowViewOrder.map(index => {
if (this.visibleRowIndices.includes(index)) { if (this.visibleRowIndices.includes(index)) {
return index; return index;

1
src/style.js
View File

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