php - Column rowspan using jquery -


i have table double click event on every each of rows. when double click on row, display row called ".matching". besides that, want create column rowspan if hidden ".matching" row displayed. below shows php part:

<table> <tr ondblclick="rowdoubleclick(this);">   <td>...</td>   <td>...</td>   <td class="lastcolumn">rowspan here</td> </tr> <tr class="matching" style="display:hidden;">   <td colspan="2">hidden row shows here</td> </tr> </table> 

and jquery:

function rowdoubleclick(e) {   var tablerow = $(e).closest('tr');   var rowammend = $('.lastcolumn');    var matching = $(e).closest('tr').next('tr.matching');     if(matching.is(":hidden")) {        tablerow.attr('rowspan','2').css({'border-bottom':'transparent'});        matching.slidetoggle("fast");       rowammend.attr('rowspan','2');   }   else {       tablerow.css({'border-bottom':'1px solid #939393'});        matching.hide();       rowammend.attr('rowspan','1');   } } 

the problem code, when double click on row, creates rowspan on row. or in word, create rowspan of rows in table. how add particular column rowspan particular double click row event?

try this, should find lastcolumn of clicked row

function rowdoubleclick(e) {     var tablerow = $(e).closest('tr');     // here should find clicked row , not each row     var rowammend = $(e).find('.lastcolumn');      var matching = $(e).closest('tr').next('tr.matching');       if(matching.is(":hidden")) {         tablerow.attr('rowspan','2').css({'border-bottom':'transparent'});         matching.slidetoggle("fast");        rowammend.attr('rowspan','2');     }     else {        tablerow.css({'border-bottom':'1px solid #939393'});         matching.hide();        rowammend.attr('rowspan','1');     } } 

Comments

Popular posts from this blog

php - How to display all orders for a single product showing the most recent first? Woocommerce -

asp.net - How to correctly use QUERY_STRING in ISAPI rewrite? -

angularjs - How restrict admin panel using in backend laravel and admin panel on angular? -