Deactivate hover state on table rows in Bootstrap Table

Question

Is there a way to deactivate the hover state on table rows in Bootstrap Table?

It automatically set's it there...

Answer 1

The default CSS class of the table is 'table table-hover'. Simply remove the table-hover class to remove the effect.

You can remove the hover effect globally for all tables: http://jsfiddle.net/e3nk137y/1437/

$.extend($.fn.bootstrapTable.defaults, {classes:'table'});

For a single table, you can set data-classes="table": http://jsfiddle.net/e3nk137y/1436/

<table id="table" data-classes="table">

Answer 2

If you want to remove the hover effect while retaining the table borders:

$.extend($.fn.bootstrapTable.defaults, {classes:'table table-bordered'});