File
    Metadata
    
        
            
                | selector | ngx-lighttable-cell | 
            
                | templateUrl | ./ngx-lighttable-cell.component.html | 
        
    
    
    
        
            
            
                
                    
                        | Static defaultTemplateRef | 
                    
                        | defaultTemplateRef:     TemplateRef<any> | 
                        
                            | Decorators : ViewChild | 
                        
                            |  | 
                
            
            
                
                    
                        | Static templateRef | 
                    
                        | templateRef:     TemplateRef<any> | 
                        
                            | Decorators : ContentChild | 
                        
                            |  | 
                
            
    
        import {Component, Input, ContentChild, TemplateRef, ViewChild} from '@angular/core';
import {NgStyle, NgClass} from '@angular/common';
@Component({
    selector: 'ngx-lighttable-cell',
    templateUrl: './ngx-lighttable-cell.component.html'
})
export class NgXLightTableCellComponent {
    /**
     * @description Identifies the property to be displayed on the current cell
     */
    @Input()
    public field: string;
    /**
     * @description NgStyles to bind to the cell
     */
    @Input()
    public cellStyle: NgStyle;
    /**
     * @description NgClass to bind to the cell
     */
    @Input()
    public cellClass: NgClass;
    /**
     * @description Child template TemplateRef
     */
    @ContentChild(TemplateRef)
    public templateRef: TemplateRef<any>;
    /**
     * @description Default TemplateRef to use in case no template is passed in
     */
    @ViewChild('defaultTemplate')
    public defaultTemplateRef: TemplateRef<any>;
}
     
    
        <ng-template let-content #defaultTemplate>
    <span [ngClass]="cellClass"
          [ngStyle]="cellStyle">
        {{content}}
    </span>
</ng-template>
     
    
        
        
            
                Legend
            
            
            
            
                Html element with directive