Using CellStyle when adding rows with BootstrapTable

Question

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/

MD Ashik · Accepted Answer · 2018-01-11 07:01:40Z

4

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,
}

edited Jan 11, 2018 at 7:01

MD Ashik

9,89310 gold badges56 silver badges61 bronze badges

answered Jan 11, 2018 at 4:52

davidatthepark

1,3751 gold badge13 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user2242044 Over a year ago

Thanks. I did see the table header thing. The tricky part is I need it just on the new rows, not the whole column.

davidatthepark Over a year ago

There are a few ways you can do that. Check this out jsfiddle.net/85h32nyz

Collectives™ on Stack Overflow

Using CellStyle when adding rows with BootstrapTable

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related