Angular ng2智能表列格式不适用于值,而仅适用于标题

时间:2020-07-20 14:26:06

标签: angular smart-table ng2-smart-table

我刚刚开始学习Angular,目前正在尝试实现ng2智能表。

根据文档,该表允许通过“ class”属性配置列,该属性有些起作用。

但是,我遇到了2个问题:

  1. 虽然我可以更改标题行的文本对齐方式,但格式不会应用于数据。
  2. 某些课程有效,其他课程则无效。例如,“文本中心”将标题对齐到中心,但是不可能使用另一个类来更改标题的字体颜色。即使尝试将其应用于生成的ng2-smart-sort-link类,也不会导致更改。

到目前为止,我发现的唯一解决方法是将类型设置为HTML并使用valuePrepareFunction,该函数以html字符串的形式返回相关的类,该类适用于值的格式设置,但仍不会更改颜色标题。

我应该考虑为Angular切换到另一个表库吗?

HTML模板:

    <ng2-smart-table [settings]="settings" [source]="data"></ng2-smart-table>

设置:

      columns: {
        id: {
          title: 'ID',
          width: '8%',
          class: 'text-dark',
          type: 'html'
        },
        profitLoss: {
          title: 'P/L',
          type: 'html',
          valuePrepareFunction: this.toPercent
        }

0 个答案:

没有答案