CODEWITHSUNDEEP
javascriptcsstwitter-bootstrapbootstrap-table
user2242044
user2242044

Reputation: 9213

Using CellStyle when adding rows with BootstrapTable

I have a Bootstrap-Table with a a button to add a new row of data. I would like to color the cell of a certain column (text2) for each new row as it's inserted. I am using the built in method cellStyle() as shown here: http://jsfiddle.net/wenyi/e3nk137y/9/, but the function method never seems to be called.

Documentation for Bootstrap-Table: http://bootstrap-table.wenzhixin.net.cn/documentation/

Table declaration with cellStyle parameter:

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

function to add style:

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

My full code:

http://jsfiddle.net/wtg54xpy/

Upvotes: 4

Views: 5827

Answers (1)

davidatthepark
davidatthepark

Reputation: 1365

Something similar to this? http://jsfiddle.net/fp61qL0k/

The documentation says you should be adding the function to the table column header, not the table itself. From here it's just manipulating the function. 

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

Upvotes: 4

Related Questions