Add rowSelectable property to DataTable

[gregAnd]

[x ] bug report => Search github for a similar issue or PR before submitting

I am facing a problem on PrimeNG TurboTable.

I started from the following example: https://www.primefaces.org/primeng/#/table/selection and more particularly from the Checkbox Selection example.

The only difference is that on some p-tableCheckbox I added a [disabled]="true"

<p-tableCheckbox [value]="rowData" [disabled]="rowData.color==='orange'">

This works very well if I select a disabled line it does not activate and can not be selected, but when I click on p-tableHeaderCheckbox all the lines are selected even the lines in disabled.

In addition, the selection also counts the lines in status disabled or it should only take lines with no status disabled I made an example on stackblitz : https://stackblitz.com/edit/angular-gnbsml?file=src%2Fapp%2Fapp.component.html

How to prevent tableHeaderCheckbox from also selecting disable lines?

Thank you in advance for your answers

[bomberblue07]

This issue persists in 7.0 and would help my users greatly if fixed please!

[ausshadu]

+1
Please add this. It would be a great addition. We can have additional configuration options, something like this <p-table [selectDisabledRows]="true/false"></p-table> to indicate <p-tableHeaderCheckbox></p-tableHeaderCheckbox> not to select disabled rows.

@Merve7

[francovegini]

+1

[falexandre]

+1

[jlwollinger-zz]

+1

[ghost]

+1

[andersonbuzzi]

+1

[sidneibiz]

+1

[marcoshevaristo]

+1

[maxonweb]

+1

[HieuTrinh83]

+1

[grozdanova]

+1

[yelhouti]

+1

[yelhouti]

A PR has been made to fix this, in the meantime it's available here: https://github.com/yelhouti/primeng/releases/download/8.0.2/primeng-8.0.3-SNAPSHOT.tgz

[kramar]

Hi guys, can you please tell is there date when PR from @yelhouti plan to be merged?

[yelhouti]

@kramar they are not planning to merge it, looking for a better alternative

[kramar]

@yelhouti Got it, thank you.

[tytusplanck]

Any updates on this issue? I haven't been able to find a workaround and this is severely affecting our user experience when we use the <p-table>.

[morula]

The setting "pSelectableRowDisabled" should also be taken into account.

[jyoti1904]

any updates on this issue?

[hilfor]

+1

[hilfor]

A workaround that we are using is to have an additional "selected" list in the component and updating it with (onRowSelect)="rowSelected($event)" and (onRowUnselect)="rowUnselected($event)"

While on the row checkbox we have the following:

<p-tableCheckbox
   [value]="rowData['disabled'] ? {} : rowData"
   [disabled]="rowData['disabled']">
</p-tableCheckbox>

But this workaround will not mark the header checkbox (select all) in case all of the enabled rows were selected

[bhavan0]

A workaround that we are using is to have an additional "selected" list in the component and updating it with (onRowSelect)="rowSelected($event)" and (onRowUnselect)="rowUnselected($event)"

While on the row checkbox we have the following:

<p-tableCheckbox
   [value]="rowData['disabled'] ? {} : rowData"
   [disabled]="rowData['disabled']">
</p-tableCheckbox>

But this workaround will not mark the header checkbox (select all) in case all of the enabled rows were selected

Any update on when this feature will be introduced?
Or if any workaround is available currently without this drawback?

[ReinhardFreiler]

Hi,
is there going to be a solution anytime soon?

[JulianFarhi]

Hi,
Any updates on this issue?

[coffeeniac]

Hi,
any solution anytime soon?

[drvive]

Hi,
any update on this?

[guoshuke]

waiting......

[larreadg]

Hi,
Any update?

[s0nnyhu]

Hello, up

[mertsincan]

Hi all,

You can use rowSelectable property for this issue.

<p-table [value]="products" [(selection)]="selectedProducts5" dataKey="code" responsiveLayout="scroll" [rowSelectable]="isRowSelectable">
    <ng-template pTemplate="header">
        <tr>
            <th style="width: 3rem">
                <p-tableHeaderCheckbox></p-tableHeaderCheckbox>
            </th>
            <th style="min-width:200px">Code</th>
            <th style="min-width:200px">Name</th>
            <th style="min-width:200px">Category</th>
            <th style="min-width:200px">Quantity</th>
        </tr>
    </ng-template>
    <ng-template pTemplate="body" let-product>
        <tr>
            <td>
                <p-tableCheckbox [value]="product" [disabled]="isOutOfStock(product)"></p-tableCheckbox>
            </td>
            <td>{{product.code}}</td>
            <td>{{product.name}}</td>
            <td>{{product.category}}</td>
            <td>{{product.quantity}}</td>
        </tr>
    </ng-template>
</p-table>

 isRowSelectable(event) {
        return !this.isOutOfStock(event.data);
    }

    isOutOfStock(data) {
        return data.inventoryStatus === 'OUTOFSTOCK';
    }

I added a new demo related to this.

Screen.Recording.2021-12-23.at.09.36.43.mov

Best Regards,

[alimdi]

Is it possible the have a row always selected, no matter what ?