【问题标题】:React bootstrap table show number of rows反应引导表显示行数
【发布时间】:2016-10-14 19:58:47
【问题描述】:

如何使用react bootstrap table 显示表格中的行数。

另外,我正在使用search parameter 过滤表格,因此希望在过滤表格数据时更新行数。

【问题讨论】:

  • 你想在哪里显示长度?在表格组件内部,在父组件中还是在容器中?表的 state.data 会随着过滤而变化,因此您可以获取该数组的长度。
  • @ryanabooth 我想在搜索栏旁边显示行数:i.imgur.com/Ytixs6F.png
  • 你的意思是像文本一样显示条目而不是选择按钮吗?我的意思是像这样的文本(显示 57 个条目中的 1 到 10 个)在分页按钮的左侧

标签: javascript twitter-bootstrap reactjs react-bootstrap react-bootstrap-table


【解决方案1】:

只需将您提供给 BootstrapTable 标记的数据属性的数据变量的长度即可

<BootstrapTable data = {this.props.data}>


this.props.data.length() 

这会给你行的大小

【讨论】:

    猜你喜欢
    • 2017-01-09
    • 2020-11-14
    • 2021-06-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-02-07
    • 1970-01-01
    相关资源
    最近更新 更多