KendoReact Grid 显示错误的列

Posted 2023-05-07

【中文标题】KendoReact Grid 显示错误的列

【英文标题】：KendoReact Grid show wrong column

【发布时间】：2019-05-23 08:40:43

【问题描述】：

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

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

这是我的数据：

“产品ID”：2， "ProductName" : "Chang", “重新排序级别”：25， “停产”：假， “类别” ： “类别 ID”：1， “类别名称”：“饮料”， “描述”：“软饮料、咖啡、茶、啤酒和麦芽酒”

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

有人有解决办法吗？

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

【问题讨论】：

您能确认您使用的是最新版本的软件包吗？

嗨。最新版本为我解决了这个问题。我忘记回复你了。

能否更新包名以显示全名？

【参考方案1】：

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

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

在剑道 React 中：请使用 show: false

参考链接：How Can I Hide Kendo UI Grid Columns using JavaScript, React, Angular, Vue or ASP.NET MVC

谢谢，