सीएसएस समस्या एनजीएक्स-टेबल कोणीय 2 स्विमलेन

Question

मुझे वर्तमान में उचित सीएसएस रखने के लिए ngx-datatable प्राप्त करने में समस्याएं हैं। मेरे पास यह सीएसएस फ़ाइल के भीतर उचित सीएसएस आयात करने के लिए है।

@import '@swimlane/ngx-datatable/release/index.css'; 
@import '@swimlane/ngx-datatable/release/themes/material.css'; 
@import '@swimlane/ngx-datatable/release/assets/icons.css'; 

ऐसा लगता है कि ऐसा करने के लिए ऐसा लगता है कि यह आधा ऐसा कर रहा है। यह लाइब्रेरी पर मेरे एचटीएमएल कॉलिंग का खंड है।

<ngx-datatable class="material striped" 
    class="material" 
    [rows]="rows" 
    [columns]="columns" 
    [columnMode]="'force'" 
    [headerHeight]="50" 
    [footerHeight]="50" 
    [rowHeight]="100"> 
    </ngx-datatable> 

अगर किसी को पता है कि यह क्यों हो रहा है यह वास्तव में सहायक होगा।

@amcdnl किसी भी सुराग, आपको परेशान कर के लिए खेद है अगर आप इस

Answer 1

मुझे लगता है यह दृश्य कैप्सूलीकरण के साथ क्या करना है पढ़ें। असल में आपके सीएसएस को [_ngcontent-c5] जैसी विशेषता के साथ स्कॉप्ड किया जाएगा, क्योंकि आपके टेम्पलेट के अंदर के तत्व स्वचालित रूप से उस होंगे।

हालांकि डेटाटेबल्स द्वारा डोम में जोड़े गए आइटम शायद उस विशेषता को शैलियों को कुछ भी करने के कारण नहीं हैं। इसलिए की तरह अपने घटक के ViewEncapsulation.None:

आपको लगता है कि ठीक कर सकते हैं विकल्प कैप्सूलीकरण जोड़कर

import { ViewEncapsulation } from '@angular/core'; 
@Component({ 
    [...] // other code like template and style urls 
    encapsulation: ViewEncapsulation.None 
})