Cannot read property 'indexes' of undefined ngx-datatable

Question

i use ngx-datatable version: 15.0.2 and Angular version: 8.1.0,

i have this error:

ngx-logger.js:852 2019-07-30T15:04:42.930Z ERROR [main.js:4696] TypeError: Cannot read property 'indexes' of undefined at DatatableComponent.get [as allRowsSelected] (index.js:3263) at Object.eval [as updateDirectives] (DatatableComponent.html:19)

This is an issue on Angular 8.1.0 and version 15.0.2 of this table. This was not an issue on Angular 7 and version 14 of this library.

this is my code:

 <ngx-datatable 
    *ngIf='!containerLoader && (containers | async)?.length!=0'
    class="bootstrap striped" 
    [rows]="containers|async" 
    [columnMode]="'force'" 
    [headerHeight]="50" 
    [footerHeight]="50" 
    [rowHeight]="'auto'" 
    [externalPaging]="true"
    [count]="page.totalElements"
    [offset]="page.pageNumber"
    [limit]="page.size"
    (page)='loadData($event)'
    [selectCheck]="true"
    [displayCheck]="displayCheck"
    [loadingIndicator]="loadingIndicator"
    >
        <ngx-datatable-column [width]="80" name="" prop="status">
            <ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
                <div *ngIf="row.progress && row.progress <100; else status">
                    <span class=" progress-{{row.progress}} progress-circle " 
                        [attr.data-sectionvalue]="row.uuid">
                    </span>
                </div>
                <ng-template #status>
                    <span class="{{value |state:'badge'}}" 
                        [attr.data-sectionvalue]="row.uuid">
                    </span>
                </ng-template>
            </ng-template>
        </ngx-datatable-column>
        <ngx-datatable-column [width]="200" name="Name" prop="name">
            <ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
                <span>{{value}}</span>
            </ng-template>
        </ngx-datatable-column>
        <ngx-datatable-column name="Memory" prop="package.memory_limit">
            <ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
                <span>{{value |convert:2:true}}</span>
            </ng-template>
        </ngx-datatable-column>
        <ngx-datatable-column name="Disk" prop="package.disk_size">
            <ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
                <span>{{value |convert:2:true }}</span>
            </ng-template>
        </ngx-datatable-column>
        <ngx-datatable-column name="Created at" prop="created_at">
            <ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
                <span>{{value | date:"fullDate"}}</span>
            </ng-template>
        </ngx-datatable-column>
</ngx-datatable>

score 3 · Answer 1 · edited Jul 31 '19 at 01:58

3

This is probably related to the below issue

https://github.com/swimlane/ngx-datatable/issues/1725

I managed to get my table displayed by setting

[selectAllRowsOnPage]="false"

edited Jul 31 '19 at 01:58

praba230890

2,192
21
37

answered Jul 30 '19 at 21:10

Ömer Göktuğ Kocaoğlu

31
3

1

i dont have a selectAllRowsOnPage directive in html , and it is by default false – Khaled Ayed Jul 31 '19 at 13:14
@jscodejscode you are correct! In my case, both removing selectAllRowsOnPage or setting it to false worked. `code` `code` – Ömer Göktuğ Kocaoğlu Jul 31 '19 at 15:51

Ghoul Ahmed · Accepted Answer · 2019-07-31T14:30:41.620

1

This is an issue #1725 for ngx-datatable, but it is open, so you have two choices, either wait for the next release 15.0.3 or use this temporal solution

npm install git+https://github.com/zackarychapple/ngx-datatable.git -S

edited Jul 31 '19 at 14:30

answered Jul 31 '19 at 13:24

Ghoul Ahmed

4,446
1
14
23

Cannot read property 'indexes' of undefined ngx-datatable

2 Answers2