All check box and Radio buttons in app are hidden due to css

[anthonysubramani]

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

All check box and Radio buttons in app are hidden due to this css
input[type="checkbox"], input[type="radio"] { display: none; } in file
@swimlane/ngx-datatable/release/themes/material.css
Expected behavior

Check boxes should be visible
Reproduction of the problem

checkbox not display in demo
http://swimlane.github.io/ngx-datatable/#chkbox-selection
What is the motivation / use case for changing the behavior?

Please tell us about your environment:

• Table version: 0.8.x

• Angular version: 2.0.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 X.X | ES6/7 | ES5]

[Debananda]

Adding to the problem : As the checkbox styling is given on a generic way (without defined inside a class) it also affects the whole consuming project

[tnarp]

input[type="checkbox"], input[type="radio"] { display: none; }
modify to
input[type="checkbox"], input[type="radio"] { display: block; }
then the checkbox can show

if you use angular2+, you can add css below where use ngx-datatable
:host /deep/ input[type='checkbox'] { display: block !important; }

[anthonysubramani]

@monica7l @tnarp the solution is evident, but this needs to be changed in the source itself. Also inputs are inline element so adding display: block !important will make it even worse. so it should be associated with inline style

[monica7l]

I agree this has to be fixed in ngx-datatable itself. In the mean time I closed my #952 because it was a duplicate of this one.