KendoReact Grid显示错误的列

Question

我正在为我的项目在"@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，       “已停产”：false，       “类别”：{           “ CategoryID”：1           “ CategoryName”：“饮料”，           “描述”：“软饮料，咖啡，茶，啤酒和淡啤酒”       }

但它仍然显示五列，这些列满足我数据的所有字段。

 有人对此有解决方案吗？

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

Answer 1

如果您想隐藏一些列，请为此使用以下代码： 在kendo ui中：请使用 hidden：true

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

在kendo React中：请使用 show：false

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

谢谢