使用 BootstrapTable 添加行时使用 CellStyle

Posted 2023-05-08

【中文标题】使用 BootstrapTable 添加行时使用 CellStyle

【英文标题】：Using CellStyle when adding rows with BootstrapTable

【发布时间】：2018-06-20 05:19:54

【问题描述】：

我有一个带有按钮的引导表，用于添加新的数据行。我想在插入时为每个新行的某一列（text2）的单元格着色。我正在使用内置方法cellStyle()，如下所示：http://jsfiddle.net/wenyi/e3nk137y/9/，但似乎从未调用函数方法。

引导表的文档： 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】：

类似的东西？ http://jsfiddle.net/fp61qL0k/

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

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

【讨论】：

谢谢。我确实看到了表头的东西。棘手的部分是我只在新行上需要它，而不是整个列。

有几种方法可以做到这一点。看看这个jsfiddle.net/85h32nyz