ng2-smart-table 自定义滑块答案

【问题标题】：ng2-smart-table custom sliderng2-smart-table 自定义滑块
【发布时间】：2020-08-09 19:12:59
【问题描述】：

我在 Angular 中使用 ng2-smart-table。我有一个具有添加更新删除功能的操作列（工作正常，这没有问题）。

在第一列（查看下图）我有一个名为“状态”的列，用户可以在其中启用/禁用后端中的作业。我想在列状态名称（下方突出显示，在过滤器位置）下方创建一个滑块，用户可以在其中启用/禁用所有作业。

我将如何实现这一目标？我试图覆盖“添加新”按钮以实现我需要的功能，但没有成功。

注意：我使用子组件来渲染每一行的滑块。

【问题讨论】：

标签： angular ng2-smart-table

【解决方案1】：

我相信您可以像这样使用表格设置中的自定义属性

Status: {
            'title': 'Status',
            type: 'custom',
            filter: false,
            renderComponent: StatusComponent,
            valuePrepareFunction: (value, row, cell) => {
                return row;
            },

【讨论】：

您需要创建一个名为 StatusComponent 的新组件，您将在其中放置状态滑块和其他功能
感谢您的回答。正如您在屏幕截图中看到的那样，我已经实现了您建议为每一行渲染一个滑块的代码。但我想要找出的是：如何在行滑块的顶部添加一个主滑块。新滑块将打开/关闭所有其他滑块。如何在表格设置中添加它。再次感谢。
好吧，我还没有真正尝试过自定义主列标题，并且在阅读了文档akveo.github.io/ng2-smart-table/#/documentation 之后，我认为我们不能。我想我们能做的最好的解决问题就是在表格外制作一个滑块/按钮来停用所有滑块，祝你好运！