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
Post a Comment