如何使用React JS在Grid JS中显示行索引
用户名
目前在reactjs中使用grid.js创建我的数据表。
这是我的代码
<Grid
data={data.filter(e => e.status != 0)}
columns={[
{
id: 'url',
name: 'url',
hidden: true
}, {
id: 'id',
name: '#',
formatter: (cell) => _(this.showIndexNo()) //<-- where i do the function to display row index number
}, {
id: 'name',
name: 'Name'
}, {
id: 'smgk_name',
name: 'SM Name',
formatter: (cell, row) => _(this.showSmlink(row.cells[0].data, row.cells[3].data))
}, {
id: 'email',
name: 'Email',
// formatter: (cell) => _(moment(cell).format(MOMENT_FORMAT))
},
{
id: 'id',
name: 'Actions',
formatter: (cell) => _(this.showButton(cell))
//(cell) => `Name: ${cell}`
}
]}
search={true}
sort={true}
/>
我想在网格js中显示行索引/自动递增。我应该如何编辑此代码？
showIndexNo() {
const { subscriberData } = this.state;
let a = [];
return (subscriberData.filter(e => e.status != 0).map((item, i) => i ) ) }
我得到这个结果：
我不能将ID用作行索引，因为当我删除一个详细信息时，Id仍将存在，只有状态将更改为Deleted（这不会显示在网格中），因此我需要行索引。非常感谢任何帮助
普拉卡什S
return (subscriberData.filter(e => e.status != 0).map((item, i) =>
return { ...item,
rowIndex: i //use rowIndex as column
}))
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何使用React JS在Grid JS中显示行索引
- 2
使用 js-grid 显示静态数据
- 3
如何从Angular JS中的ng-grid获取行值
- 4
如何从Angular JS中的ng-grid获取行值
- 5
如何使用React JS在段落中显示结果
- 6
如何从ui-grid中显示的按钮调用范围方法-在Angular JS中
- 7
如何使用传单图表在React.js中显示数组中的标记
- 8
如何使用React中的PDF JS Express从PDF中删除突出显示注释
- 9
React.js：如何显示React中的生日字段？
- 10
如何使用 react js 在轮播滑块中显示卡片项目？
- 11
如何使用crossfilter和dc.js在rowChart中显示“丢失”的行？
- 12
如何使用crossfilter和dc.js在rowChart中显示“丢失”的行？
- 13
如何使用React JS调用API
- 14
如何使用 React JS 插入下拉列表
- 15
如何使用 React.js 获取 API
- 16
如何使用 JS 在 React 中定位滚动中的特定元素？
- 17
如何在Angular JS中为子行设置索引值
- 18
如何在JS中显示？
- 19
如何使用React.js在JSX中遍历对象
- 20
如何使用rxjs消除React.js中的用户输入
- 21
如何使用react js从响应中获取jsessionid？
- 22
如何使用Redux解决React JS中的401错误？
- 23
如何在React JS中实时显示时间和日期？
- 24
如何在React中全屏显示particles.js？
- 25
如何在React Js中将数据显示到表中？
- 26
如何在React.js中显示嵌套列表？
- 27
如何确保Sails JS中的索引
- 28
JS：如何获取表中的肢体索引
- 29
使用require.context未在React JS中显示图像
我来说两句