<kendo-window title="Select Item" [width]="800" [height]="500" *ngIf="opened" (close)="windowClose()">
<kendo-grid
kendoGridSelectBy="id"
[kendoGridBinding]="KendoWindowData$ | async"
[filterable]="true"
[sortable]="true"
[height]="400"
[selectable]="selectableSettings"
(selectionChange)="onSelectionChange($event, grid)"
[(selectedKeys)]="mySelection">
<ng-template kendoGridToolbarTemplate>
<kendo-grid-checkbox-column [showSelectAll]="true" [width]="40"></kendo-grid-checkbox-column>
</ng-template>
<kendo-grid-column [width]="40"> </kendo-grid-column>
<kendo-grid-column field="innerCode" title="შიდა კოდი" [width]="250" [filterable]="true"></kendo-grid-column>
<kendo-grid-column field="name" title="სახელი" [width]="250" [filterable]="true"></kendo-grid-column>
<kendo-grid-column field="barcode" title="Barcode" [width]="250" [filterable]="true"></kendo-grid-column>
</kendo-grid>
<button (click)="confirmSelection(grid)" kendoButton>Confirm Selection</button>
</kendo-window> on here how to disable checked checkbox if it possible ?
1 Answer, 1 is accepted
0
Hello,
To disable the checked checkbox in the Kendo UI Grid, use the following CSS:
.k-grid .k-checkbox:checked {
pointer-events: none;
outline: none;
cursor: default;
opacity: 0.6;
filter: grayscale(0.1);
box-shadow: none;
}Output:
I have demonstrated the above CSS in this StackBlitz example.
Let me know if this solution helps or if I can further assist you.
Regards,
Hetali
Progress Telerik
Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!