csstwitter-bootstrap-3hoverbootstrap-table

Deactivate hover state on table rows in Bootstrap Table


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

It automatically set's it there...


Solution

  • 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">