且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

如何在Bootstrap React Table中特定列下的每一行内添加按钮?

更新时间:2023-10-04 14:35:52

您可以编写自定义数据格式程序:

You can write a custom dataformatter:

class ActionFormatter extends React.Component {
  render() {
    return (
      <button onClick={this.props.onClick}>Click me!</button>
    );
  }
}

function actionFormatter(cell, row) {
  return (
    <ActionFormatter onClick={()=>doAction(row)} />
  );
}

在列中:

<TableHeaderColumn dataField='action' dataFormat={ actionFormatter }>Action</TableHeaderColumn>