table-row

using jQuery toggle function on a table row makes table itself grow

I'm using the jQuery toggle effect hooked to the click() event of 1 table row to toggle the visibility of the next row (which also happens to be the final row in the table). If I click the firing row multiple times in succession, the table that contains the 2 rows grows a little every time the toggling row shows. Here's the jQuery I'm ...

How to get javscript event to fire only when the background is clicked (and not other elements)?

I'm trying to write a web app which replaces the context menu (right-click menu) with my own customized ones. I want it so that when the user clicks on a table row, they get one certain context menu and when they click on the background of the page, they get a different one. I have already written the menus and gotten them working. ...

How do I remove a <tr> with jQuery?

Okay, I am really stuck here. I have a table of tr's that have id's: #tr_xx where xx is a number. item is a number. The if(... part makes sure that what follows is only executed once at the end of all the animations. $('#tr_' + item + '>td').fadeOut('slow', function() { if($('#tr_' + item + '>td:animated').length ...

Can we solve the table row background image problem, in chrome, in multi celled tables??

It is frequently asked – but I haven’t seen a good answer yet (and I looked). If you set a background image in CSS to a table row- the image will repeat itself in every cell. If you set the position: relative (for the row) and set the background-image: none (for the cells) it solves the problem on IE but not on chrome! I can't use backgr...

jquery: remove table row while iterating through table rows

#exceptions is a html table. I try to run the code below, but it doesn't remove the table row. $('#exceptions').find('tr').each(function(){ var flag=false; var val = 'excalibur'; $(this).find('td').each(function(){ if($(this).text().toLowerCase() == val) flag = true; }); if(flag) $(this)...

jQuery - add / remove table rows

From my selection on the right I dynamically construct (clone) a set of rows to the left. There I also add a REMOVE button. I can't call a jQuery function from that button. Also upon clicking the REMOVE button how can I set the checkbox of the respective row on the right to its previous state (checked). There is all the code below. Thank...

How to display the rows (<tr>) of a table on a single line(Internet Explorer 6,7)?

Hi all, I want to display the rows of a table on a single line. This is a problem in Internet Explorer 6 and 7 because setting the float attribute to left and the display to block won't do. And changing <tr>s to <td>s won't do either as these html elements are generated by a framework's code that i am not allowed to change. Edit: Some...