ngx-datatable cellClass 作为 templateRef 中的函数
ngx-datatable cellClass as function in templateRef
我尝试将我的 css-类 实现到 ngx-datatable 单元格
如演示中所示:https://swimlane.github.io/ngx-datatable/#css
我正在使用 TemplateRef(而不是演示中的内联模板)
@ViewChild('Bestand_HdrTpl') Bestand_HdrTpl: TemplateRef<any>;
@ViewChild('Bestand_Tpl') Bestand_Tpl: TemplateRef<any>;
setColumns() {
const dieColmn = [
{
cellTemplate: this.Bestand_HdrTpl,
headerTemplate: this.Bestand_Tpl,
prop: 'Bestand',
name: 'LAGER_Bestand',
canAutoResize: false,
width: 65,
cellClass: 'ist-bestand'
},
...
,
{
cellTemplate: this.Lager_Tpl,
headerTemplate: this.Lager_HdrTpl,
prop: 'Lager',
name: 'ID'
}
];
return dieColmn;
如何实现 cellClass-属性 来调用我的函数?
getCellClass({ row, column, value }): any {
return {
// css-class true oder false
'ist-bestand': value > 0
};
}
我试过了:
{
...
width: 65,
cellClass: 'getCellClass'
},
{
...
width: 65,
cellClass: "'getCellClass"'
},
甚至可以使用 TemplateRef 吗?
我认为无法将 css-类 添加到 TemplateRef。
出于实际原因,我全部更改为在线模板。
我尝试将我的 css-类 实现到 ngx-datatable 单元格 如演示中所示:https://swimlane.github.io/ngx-datatable/#css
我正在使用 TemplateRef(而不是演示中的内联模板)
@ViewChild('Bestand_HdrTpl') Bestand_HdrTpl: TemplateRef<any>;
@ViewChild('Bestand_Tpl') Bestand_Tpl: TemplateRef<any>;
setColumns() {
const dieColmn = [
{
cellTemplate: this.Bestand_HdrTpl,
headerTemplate: this.Bestand_Tpl,
prop: 'Bestand',
name: 'LAGER_Bestand',
canAutoResize: false,
width: 65,
cellClass: 'ist-bestand'
},
...
,
{
cellTemplate: this.Lager_Tpl,
headerTemplate: this.Lager_HdrTpl,
prop: 'Lager',
name: 'ID'
}
];
return dieColmn;
如何实现 cellClass-属性 来调用我的函数?
getCellClass({ row, column, value }): any {
return {
// css-class true oder false
'ist-bestand': value > 0
};
}
我试过了:
{
...
width: 65,
cellClass: 'getCellClass'
},
{
...
width: 65,
cellClass: "'getCellClass"'
},
甚至可以使用 TemplateRef 吗?
我认为无法将 css-类 添加到 TemplateRef。
出于实际原因,我全部更改为在线模板。