使用BootstrapTable添加行时使用CellStyle

Question

我有一个带有一个按钮的Bootstrap-Table，用于添加新的数据行。我希望在插入每个新行时为某列（text2）的单元格着色。我正在使用内置方法<table id="table" data-pagination="true" data-cell-style="cellStyle" class="table table-striped"></table> ，如下所示：http://jsfiddle.net/wenyi/e3nk137y/9/，但函数方法似乎永远不会被调用。

Bootstrap-Table的文档： http://bootstrap-table.wenzhixin.net.cn/documentation/

使用cellStyle参数的表声明：

function cellStyle(value, row, index, field) {
  if (index === 0 && field == 'text2') {
    return {classes: 'warning'};
  }
  else {
    return {};
  }
}

添加样式的功能：

import React from 'react';

export default class InputBox extends React.Component {
  onSearch(event) {
    event.preventDefault();
    this.props.onSearch(event.target.value.trim());
  }
  render () { return <input onChange={this.onSearch.bind(this)} />; }
}

我的完整代码：

http://jsfiddle.net/wtg54xpy/

Answer 1

类似的东西？

文档说你应该将函数添加到表列标题中，而不是表本身。从这里它只是操纵功能。

{{1}}