【问题标题】:Using CellStyle when adding rows with BootstrapTable使用 BootstrapTable 添加行时使用 CellStyle
【发布时间】: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/

【问题讨论】:

    标签: javascript css twitter-bootstrap bootstrap-table


    【解决方案1】:

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

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

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

    【讨论】:

    • 谢谢。我确实看到了表头的东西。棘手的部分是我只在新行上需要它,而不是整个列。
    • 有几种方法可以做到这一点。看看这个jsfiddle.net/85h32nyz
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-04-06
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多