如何在ng2-smart-table单元格中显示列表？

你当前的配置只定义了列的过滤规则，但还缺两个关键环节：

• 没有给表格绑定数据源
• 模板里没正确关联组件的配置与数据

按以下步骤调整即可解决：

1. 添加数据源：在组件类里定义用户数据数组，注意字段名要和settings里的users对应

export class YourComponent {
  settings = {
    columns: {
      users: {
        title: 'User',
        filter: {
          type: 'list',
          config: {
            selectText: 'Select...',
            list: [
              { value: 'Glenna Reichert', title: 'Glenna Reichert' },
              { value: 'Kurtis Weissnat', title: 'Kurtis Weissnat' },
              { value: 'Chelsey Dietrich', title: 'Chelsey Dietrich' },
            ],
          },
        },
      }
    }
  };

  // 新增数据源，每个对象的users字段对应列配置
  source = [
    { users: 'Glenna Reichert' },
    { users: 'Kurtis Weissnat' },
    { users: 'Chelsey Dietrich' },
  ];
}

2. 调整模板代码：在组件的HTML里正确使用ng2-smart-table组件，绑定配置和数据源

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

额外注意：如果你的数据源里用户字段不是users（比如是username），需要把settings里columns的键名改成对应字段名，保持和数据源字段一致。

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