combining hover and expanded rows

“hover” attribute turns on bootstrap hovering also on expanded rows which doesnt look nice.

ive solved it with

<BootstrapTable
    hover = false;
    classes = "mytable-hover";
    rowClasses = "mytable-hover-row";

Which wont add “mytable-hover-row” on expanded rows (consciously?)

Then in css

.mytable-hover > tbody > tr.mytable-hover-row:hover {
    background-color: rgba(0,0,0,.075);
}

Now its OK, but i dont know if this will be working in future versions…

Any idea how could it be solved for future?

[jendamozna]

expandRow = {className: “no-hover”} now creates: <tr><td class="reset-expansion-style no-hover" colspan="5">... could it be possible to update <tr> class instead of <td>?

[syedganisb]

i resolved this issue i have added below logic it willl working fine render() { parentThisObject = this; var icon = document.querySelectorAll(‘.expand-cell’) for(var i=0;i<icon.length;i++){ if(icon[i].textContent==“(+)”){ icon[i].style.cursor=‘pointer’ } } }