How do I make bootstrap table rows clickable

Question

I can hack this myself  but I think bootstrap has this capability

User · Answer

May be you are trying to attach a function when table rows are clicked   var table   document getElementById  tableId    var rows   table getElementsByTagName  tr    for  i   0  i  lt  rows length  i          rows i  onclick   functioname      call the function like this

User · Answer

That code transforms any bootstrap table row that has data-href attribute set into a clickable element  Note  data-href attribute is a valid tr attribute  HTML5   href attributes on tr element are not     function            table tr data-href    each function              this  css  cursor   pointer   hover              function                       this  addClass  active                                  function                       this  removeClass  active                    click  function                     document location     this  attr  data-href

User · Answer

lt tr height  70  onclick  location href   lt   site adres2  amp  urun adres  gt        style  cursor pointer   gt

User · Answer

You can use in this way using bootstrap css  Just remove the active class if already assinged to any row and reassign to the current row           table tr   each function                this  attr  class                      this  attr  class    active

User · Answer

There is a javascript plugin that adds this feature to bootstrap   When rowlink js is included you can do    lt table data-link  row  gt     lt tr gt  lt td gt  lt a href  foo html  gt Foo lt  a gt  lt  td gt  lt td gt This is Foo lt  td gt  lt  tr gt     lt tr gt  lt td gt  lt a href  bar html  gt Bar lt  a gt  lt  td gt  lt td gt Bar is good lt  td gt  lt  tr gt   lt  table gt    The table will be converted so that the whole row can be clicked instead of only the first column

User · Answer

I show you my example with modal windows   you create your modal and give it an id then In your table you have tr section  just ad the first line you see below  don t forget to set the  on the first row like this    lt tr onclick  input  data-toggle  modal  href   the name for my modal windows   gt    lt td gt  lt label gt Some value here lt  label gt  lt  td gt   lt  tr gt

User · Answer

Using jQuery it s quite trivial   v2 0 uses the table class on all tables       table  gt  tbody  gt  tr   click function            row was clicked

[css] How do I make bootstrap table rows clickable?

Examples related to css

Examples related to html

Examples related to twitter-bootstrap