当我在引导表中滚动时修复标题答案

【问题标题】：Make the header fix while i scroll in bootstrap table当我在引导表中滚动时修复标题
【发布时间】：2018-02-26 10:28:13
【问题描述】：

我正在使用引导表。
我的桌子很长（很多行）。
我试图修复我的表头（当我滚动时，我仍然会看到表头）。
有没有一种简单的方法可以在引导表中实现它？
我的桌子：

 <BootstrapTable tableBodyClass="table borderless" data={rows} hover={true} options={this.state.options} trClassName={trClassFormat} search={true}>
    <TableHeaderColumn row='0' rowSpan='2' dataSort={true} width="40px" isKey={true} dataField="id" hidden>ID</TableHeaderColumn>
    <TableHeaderColumn row='0' rowSpan='2' dataField="name" width="110px" dataSort={true}>Name</TableHeaderColumn>
    <TableHeaderColumn row='0' rowSpan='2' dataField="lastName" width="30px" editable={false} dataSort={true} sortFunc={this.sortLastPrice}>Last Name</TableHeaderColumn>
    <TableHeaderColumn row='0' colSpan='3'>A</TableHeaderColumn>
    <TableHeaderColumn row='1' dataField="a1" width="20px" editable={false} dataSort={true} sortFunc={this.sortA1} columnClassName={columnClassNameFormat}>A1</TableHeaderColumn>
    <TableHeaderColumn row='1' dataField="a2" width="25px" editable={false} dataSort={true} sortFunc={this.sortA2} columnClassName={columnClassNameFormat}>A2</TableHeaderColumn>
    <TableHeaderColumn row='1' dataField="a3" width="30px" editable={false} dataSort={true} sortFunc={this.sortA3} columnClassName={columnClassNameFormat}>A3</TableHeaderColumn>
    <TableHeaderColumn row='0' colSpan='1'>B</TableHeaderColumn>
    <TableHeaderColumn row='1' dataField="b1" width="20px" editable={false} dataSort={true} sortFunc={this.sortB1} columnClassName={columnClassNameFormat}>B1</TableHeaderColumn>
    <TableHeaderColumn row='0' colSpan='3'>C</TableHeaderColumn>
    <TableHeaderColumn row='1' dataField="c1" width="20px" dataSort={true} sortFunc={this.sortC1}>C1</TableHeaderColumn>
    <TableHeaderColumn row='1' dataField="c2" width="25px" dataSort={true} sortFunc={this.sortC2}>C2</TableHeaderColumn>
    <TableHeaderColumn row='1' dataField="c3" width="30px" dataSort={true} sortFunc={this.sortC3}>C3</TableHeaderColumn>
  </BootstrapTable>

【问题讨论】：

标签： javascript twitter-bootstrap reactjs

【解决方案1】：

是的，设置固定 CSS 可能是唯一的选择。我知道只有链接的答案不好，但如果你想使用外部库来修复它，这将 100% 帮助你。我对所有东西都使用sticky.js。 Ez 使用，在这里下载：http://stickyjs.com/

PS：这不是我的。不要把它当作广告，我只是觉得这个库很好用。

【讨论】：