Angular 如何在智能表格中使用颜色显示启用/禁用

Angular 如何在智能表格中使用颜色显示启用/禁用,angular,typescript,smart-table,Angular,Typescript,Smart Table,我想根据api中的布尔值在状态列中显示enabled/disabled(已启用/已禁用),我需要制作一个单独的组件还是可以使用智能表 导出let设置={ 栏目:{ 名字:{ 标题:“名字”, 过滤器:真 }, 姓氏:{ 标题:“姓氏”, 过滤器:真 }, 标题:{ 标题:“标题”, 过滤器:真 }, 不再与公司合作:{ 标题:"地位",, } }, 编辑:{ editButtonContent:, saveButtonContent:, 取消按钮内容: }, 删除:{ deleteButtonC

我想根据api中的布尔值在状态列中显示enabled/disabled(已启用/已禁用),我需要制作一个单独的组件还是可以使用智能表

导出let设置={ 栏目:{ 名字:{ 标题:“名字”, 过滤器:真 }, 姓氏:{ 标题:“姓氏”, 过滤器:真 }, 标题:{ 标题:“标题”, 过滤器:真 }, 不再与公司合作:{ 标题:"地位",, } }, 编辑:{ editButtonContent:, saveButtonContent:, 取消按钮内容: }, 删除:{ deleteButtonContent:, saveButtonContent:, 取消按钮内容: } }; 可过滤表 具有排序、筛选、分页和添加/编辑/删除功能的智能数据表库 功能。
在智能桌面上使用[ngClass]。这将允许您运行条件语句,并根据条件选择要应用的CSS类或id

例如:

<div class="table table-responsive smart-table" [ngClass]="{'first': true, 'second': true, 'third': false}">
            <ng2-smart-table [settings]="settings" [source]="source" ></ng2-smart-table>
</div>

请参阅此处的更多信息:

无法获取它,您可以在stackbits或其他方面执行它吗?使用ngClass将允许您基于变量值应用CSS类或ID。请参阅上面的链接,以了解Angular文档中提供的工作示例。如果Angular文档中的任何示例都不起作用,请告诉我。不起作用或可能与智能表格无关。您可能需要在特定表格列或包含智能表格的表格列上使用它。根据我过去的经验,将角度指令与第三方工具一起使用通常是不可能的。我已经更新了我的答案,使用了包含元素,不过您可能需要对它进行一些处理。