ng2-smart-table能否用数字数组做数据源？填充后出现空行

ng2-smart-table 的 source 数据源要求是对象数组，但你传入的是纯数字数组。表格配置的列是 naziv，无法从数字值中读取该字段，所以会显示对应数量的空行。

将数字数组转换为包含 naziv 字段的对象数组，在数据订阅回调中处理：

public getRootIds(): void {
    this.loadingData = true;
    this.documentFlowService.getRootIds()
    .pipe(takeUntil(this.destroy$))
    .subscribe((data: number[]) => {
      // 将数字数组转为对象数组，把数字转成字符串匹配列的type配置
      this.flowTabs = data.map(id => ({ naziv: id.toString() }));
      this.loadingData = false;
    },
      err => {
        console.error(err);
        this.loadingData = false;
      })
  }

处理后 flowTabs 的结构应类似：

[
  { naziv: "1" },
  { naziv: "2" },
  { naziv: "3" },
  // ... 其他数据
]

这样表格就能正确读取naziv字段并渲染内容。

内容的提问来源于stack exchange，提问作者Ranko Koturic