/Html/Removing specific row with button html

Removing specific row with button html

Remove table line button html using javascript

// JQuery solution!
$('table').on('click', 'input[type="button"]', function(e){
   $(this).closest('tr').remove()
})

Source: stackoverflow.com

Removing specific row with button html

function deleteRow(r) {
    var i = r.parentNode.parentNode.rowIndex;
    document.getElementById("myTable").deleteRow(i);
}

Source: stackoverflow.com

Removing specific row with button html

<!DOCTYPE html>
<html>
<head>
<style>
table, td {
    border: 1px solid black;
}
</style>
</head>
<body>

<table id="myTable">

<tr>
  <td>Row 1</td>
  <td><input type="button" value="Delete" onclick="deleteRow(this)"></td>
</tr>
<tr>
  <td>Row 2</td>
  <td><input type="button" value="Delete" onclick="deleteRow(this)"></td>
</tr>
<tr>
  <td>Row 3</td>
  <td><input type="button" value="Delete" onclick="deleteRow(this)"></td>
</tr>
</table>
</body>
</html>

Source: stackoverflow.com

Similar codes

2 votes185 views1 answer
How to create a link button with url of the df
Html
1 vote175 views1 answer
Maintenance page html
Html
84 votes224 views6 answers
Html radio button
Html
11 votes225 views2 answers
How to set checkbox checked
Html
11 votes171 views1 answer
Html form select
Html
0 vote182 views1 answer
Progress bar bootstrap 5
Html
0 vote195 views1 answer
Jquery radio button checked on page load
Html
0 vote152 views1 answer
Data toggle in bootstrap 4
Html
43 votes215 views6 answers
Html new tab
Html
252 votes484 views6 answers
CDN Bootstrap 5
Html