the checkbox is not visible for selection

I’m submitting a … (check one with “x”)

[ x] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here, post on Stackoverflow or Gitter

Current behavior the checkbox is not visible for selection. it is added but invisible

Expected behavior I need checkbox selection.

Reproduction of the problem

What is the motivation / use case for changing the behavior?

Please tell us about your environment:

• Table version: 11.3.0

• Angular version: angular 5.x

• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

• Language: [all | TypeScript 2.9.x| ES6/7 | ES5]

[halilpolathalil]

You can provide custom template cells which implements any kind of checkbox.

For example, I do use the official Angular Material library in order to provide custom checkboxes to my cell template.

<ng-template #columnButton2 let-row="row" let-value="value" let-isSelected="isSelected" let-onCheckboxChangeFn="onCheckboxChangeFn" ngx-datatable-cell-template>
   <mat-checkbox [disabled]="disabledInput" [color]="'accent'" [checked]="checkedInput" (change)="onCheckboxChangeFn.call(undefined, $event)"></mat-checkbox>
</ng-template>

You can check how to pass custom cell templates at the official docs.

Cheers!

It is not work. My checkbox template can not be applied. The checkbox style of ngx template is applied automatically. I cant Not change the style of checkbox.

[anthony-bt]

I had the same issue. Sometime I need to use “ng-deep::” to be sure to override the CSS style.