How can I disable check box that is part of Clarity datagrid?

2.1k views Asked by At

I use Clarity datagrid and I need to disable the checkbox selection under some conditions. I can't find API to do so. Please help and thanks.

2

There are 2 answers

0
Eudes On

Disabling selection for specific rows of a datagrid is not available in Clarity yet, but there is a Contributions welcome issue open for it: https://github.com/vmware/clarity/issues/1018

1
Suresh Nagar On

I had similar requirement and ended up implementing the behavior using a custom directive. have a look at: https://plnkr.co/edit/5fQkvG?p=preview

@Directive({
  selector: '[clrDisable]'
})
export class DisableDirective implements OnInit, OnChanges {

  @Input('clrDisable') disabled:boolean

  constructor(private elementRef:ElementRef) {

  }

  ngOnInit(){

  }

  ngOnChanges() {
    let nativeRef = this.elementRef.nativeElement;
    if(this.disabled) {
      nativeRef.classList.add("clr_disabled");
    } else {
      nativeRef.classList.remove("clr_disabled");
    }
  }


}


.clr_disabled{
  pointer-events:none;
  background-color:#ccc;
  opacity:0.5;  
}