使用 CellStyle 在 BootstrapTable 中添加行

4
我有一个带有添加新数据行按钮的Bootstrap-Table。我想为每个新插入的行中的某一列(text2)着色。我使用内置方法cellStyle(),如此处所示:http://jsfiddle.net/wenyi/e3nk137y/9/,但是该函数从未被调用。

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

带有cellStyle参数的表声明:

<table id="table" data-pagination="true"  data-cell-style="cellStyle" class="table table-striped"></table>

添加样式的函数:

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

我的完整代码:

http://jsfiddle.net/wtg54xpy/

1个回答

4

类似这样的东西吗? http://jsfiddle.net/fp61qL0k/

文档说明应将函数添加到表列标题,而不是表本身。从这里开始只需操作该函数即可。

{
   field: 'text2',
   title: 'TEXT 2',
   cellStyle: cellStyle,
}

谢谢。我确实看到了表头的问题。棘手的部分是我只需要在新行上使用它,而不是整个列。 - user2242044
有几种方法可以做到这一点。请查看此链接:http://jsfiddle.net/85h32nyz/ - davidatthepark

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接