reactjs - 与 React js 集成时,列不使用 Gridjs 显示数据

标签 reactjs html-table datatable datafield gridjs

目前我正在使用 Gridjs 在 Reactjs 应用程序中显示我的表格。

enter image description here

这是代码,名称电子邮件显示正确,但created_at显示不正确,给我空了。我怎样才能显示数据?谢谢..

最佳答案

如果您使用 JSON 输入,则需要为您的列定义自定义 id

示例:

const grid = new Grid({
  columns: [{
     id: 'name',
     name: 'Name'
  }, {
     id: 'email',
     name: 'Email'
  }, {
     id: 'phoneNumber',
     name: 'Phone Number'
  }],
  data: [
    { name: 'John', email: '<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b1dbded9dff1d4c9d0dcc1ddd49fd2dedc" rel="noreferrer noopener nofollow">[email protected]</a>', phoneNumber: '(353) 01 222 3333' },
    { name: 'Mark', email: '<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="5e333f2c351e39333f3732703d3133" rel="noreferrer noopener nofollow">[email protected]</a>', phoneNumber: '(01) 22 888 4444' },
  ]
});

参见https://gridjs.io/docs/examples/import-json/

关于reactjs - 与 React js 集成时,列不使用 Gridjs 显示数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65564699/

相关文章:

c# - 在 vb.net winform 应用程序中将数据表保存到 excel 表

javascript - Redux - 从状态中删除项目

javascript - 如何在表格的每个单元格中放置一个不可见的输入

php: 使用 SimpleXML 解析表结构

jQuery 选择器 : finding table cell based on content

wpf - 如果单列数据表没有主键,如何检查它是否包含某个字符串?

javascript - 数据表按时间排序

javascript - 无法让输入字段聚焦于点击

javascript - 在 this.state 中使用嵌套对象的最佳方法是什么?

javascript - React hooks 无法通过动态命名正确更新状态