Setting a particular row border

[nitrogene]

Hello,

Is it possible to change a whole row border ? I tried something like:
<BootstrapTable
....
rowStyle={rowStyleMetre}
....

with:
const rowStyleMetre = (row, rowIndex) => {
if (row["Pos"] == this.state.currentRow) {
return { "borderColor": "green", "borderBottomWidth": "thin","borderBottomStyle":"solid" };
//return { "backgroundColor": "#007ACC"};
}
return {};
};

If i use the commented line instead, the background of the "currentRow" is updated.

Regards

[AllenFang]

I think it's ok to set the row border:

const rowStyle = { backgroundColor: '#c8e6c9', border: '3px solid red' };

[AllenFang]

I think the style should be render to DOM correctly, you can try to change the borderBottomWidth to another value or just cancel it, it should work.

[nitrogene]

Using const rowStyle = { backgroundColor: '#c8e6c9', border: '3px solid red' } does the trick.

Thank you :)