时间戳

首页 > 解决方案 > KendoReact Grid 显示错误的列

reactjs - KendoReact Grid 显示错误的列

问题描述

我正在"@progress/kendo-react-gri*"为我的项目处理网格，我遇到了这样的问题。我的数据有五个字段，但我只想显示其中两个，所以我只需在 tsx 文件中定义三列，如下所示：

<Grid style={{ height: "400px" }} data={products}>
                  <Column field="ProductID" title="ID" width="40px" />
                  <Column field="ProductName" title="Name" width="250px" />
                </Grid>

这是我的数据：

{“ProductID”：2，“ProductName”：“Chang”，“ReorderLevel”：25，“Discontinued”：false，“Category”：{“CategoryID”：1，“CategoryName”：“Beverages”，“Description”： “软饮料、咖啡、茶、啤酒和麦芽酒”}

但它仍然显示包含我数据的所有字段的五列。

在此处输入图像描述 有人对此有解决方案吗？

PS：我尝试使用 wrapper lib，但遇到了同样的问题。

标签： reactjskendo-gridkendo-react-ui

解决方案

如果您想隐藏某些列，请使用以下代码：在剑道 ui 中：请使用hidden:true

参考链接：https ://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/columns.hidden

在剑道反应中：请使用show: false

参考链接：如何使用 JavaScript、React、Angular、Vue 或 ASP.NET MVC 隐藏 Kendo UI 网格列

谢谢，

推荐阅读