Javascript 根据列筛选antd表

首先，英语不是我的母语，所以可能会有错误。我开始使用钩子进行反应，因为每个人都说它更简单，这里我有一个antd表和一个按钮（bootstrap 5模式），这个模式包含6个按钮（id、title、firstname、lastname、Choose all、confirm your selection），我的重点是用户从id、title、firstname、lastname中进行选择，当用户选择后，他单击“确认您的选择”，然后如果他选择例如“FirstName和LastName”，则除这两列之外的其他列将被删除/显示：无？？然后再次从表中选择“全部选择或仅选择”并单击“确认您的选择”，如果他想要返回这些列。一直在从antd网站上寻找，但他们没有，有什么建议吗

这是我的代码：

函数事件部分（）{
常数事件数据=[
{
重点:1,，
标题：“防弹EP1”，
名字：“詹姆斯”，
姓：“警戒线”，
},
];
console.log（eventsData）；
返回(
按钮
筛选表{“”}
ID{'}
标题{“}
{" "}
名字{“}
{" "}
姓氏
{" "}
选择所有{“}
{" "}
确认您的选择{“}
接近
);
}
导出默认事件部分我已经实现了您当时想要的

我已经实现了复选框选择而不是按钮选择，这感觉更方便

演示：
你能在StackBlitz或CodeSandbox重新创建场景吗？@ZunayedShahriar问题是我没有发现任何类似的地方，也不知道必须创建示例，但很容易理解，从模式内的按钮中选择，然后显示：除了已选择的以外，没有其他的。我理解你的问题。但是我说如果你能在StackBlitz或CodeSandbox上传你的作品。很好，我的问题很清楚，上面的图片就是我所做的，也有代码，但这就是我一直在寻找的（不知道如何将类例如放在antd列中）@ZunayedShahriar如果您有时间并可能帮助我，我将不胜感激。这正是我想要的！谢谢，很高兴它能工作。功能很棒！完成。检查代码是否有效。但它适用于所有选择复选框。它将设置“全部选择”复选框的状态。因此，如果所有项目都被选中，那么它也将被选中，当一些项目被选中时，它将是不确定的，如果没有任何项目被选中，那么它也将被取消选中。