antd - 使用antd隐藏表格的列
问题描述
我们如何从表格中隐藏一个列以在前端显示,该列已经存在于数组中以使用 ant design table?
例如,我的数组对象中有一个名为 ID 的列,但不需要在表格视图中显示,它应该保存在 JSON 列表本身中以供参考。
小提琴链接- 在本例中,我不想在表中显示 ID 列,但我已将 ID 用于某些参考,例如行删除。
解决方案
如果您已经有了生成列的代码,那么比实现自定义渲染方法来隐藏列更简单的选项就是将其从已完成的列列表中过滤出来,例如:
let columns = [
{
title: "Id",
dataIndex: "id",
key: "id"
},
{
title: "Name",
dataIndex: "name",
key: "name"
},
{
title: "Address",
dataIndex: "address",
key: "address"
}
];
return columns.filter(col => col.dataIndex !== 'id');
推荐阅读
- python - 我将如何创建具有不同数量目标/输出的 keras 模型?
- swift - 在删除应用程序之前访问警报
- instagram - 我可以通过 Instagram Graph API 获取用户 ID 吗?
- google-chrome - 谷歌脚本数据 Uri 下载未自动初始化
- javascript - 无法访问函数内部 AsyncStorage 中的数据
- c# - 如何从 void 为全局数组赋值?
- python-logging - Django logging - 自定义过滤器适用于处理程序,但不适用于记录器
- asp.net-mvc - MVC 路由 - 重定向未知路由
- javascript - 使用 Javascript 在 HTML 中添加换行符
- python - 如何将具有“结束”和“开始”行的事件数据框转换为按事件数据框重新组合的事件数据框?