ngx-datatable - 如何在运行时为列定义 'cell class'

Question

<ngx-datatable
    id="ngxdatatable"
    class='material striped'
    [rows]="rows"
    [columns] ="columns"
>
</ngx-datatable>

我尝试绑定列，使用 class 对象的列属性在 运行 时获取哪些列。 我想使用单元格 class 使用 css 设置特定列的样式。这是如何实现的。请帮助

Answer 1

我建议查看一些样式 header 和列单元格的源代码以及如何创建列模板，例如：

https://github.com/swimlane/ngx-datatable/blob/master/demo/basic/css.component.ts and https://github.com/swimlane/ngx-datatable/blob/master/demo/basic/row-detail.component.ts

您可以通过在列模板标记内添加 [headerClass]="insertYourCssClassName" 来设置列 headers 的样式，如下所示：

<ngx-datatable-column
    name="ID"
    prop="id"
    [headerClass]="insertYourCssClassNameHere"
>

设置 body 单元格的样式也是如此，只是使用 [cellClass] 而不是 [headerClass]。