W3cubDocs

/Web APIs

HTMLTableElement: deleteRow() method

The HTMLTableElement.deleteRow() method removes a specific row (<tr>) from a given <table>.

Syntax

deleteRow(index)

Parameters

index: index is an integer representing the row that should be deleted. However, the special index -1 can be used to remove the very last row of a table.

Return value

None (undefined).

Exceptions

IndexSizeError DOMException: Thrown if index is greater than or equal to the number of available rows or is a negative value other than -1.

Examples

This example uses JavaScript to delete a table's second row.

HTML

html

<table>
  <tr>
    <td>Cell 1.1</td>
    <td>Cell 1.2</td>
    <td>Cell 1.3</td>
  </tr>
  <tr>
    <td>Cell 2.1</td>
    <td>Cell 2.2</td>
    <td>Cell 2.3</td>
  </tr>
  <tr>
    <td>Cell 3.1</td>
    <td>Cell 3.2</td>
    <td>Cell 3.3</td>
  </tr>
</table>

JavaScript

let table = document.querySelector("table");

// Delete second row
table.deleteRow(1);

Result

Specifications

Specification
HTML Standard # dom-table-deleterow-dev

Browser compatibility

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	WebView Android	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet
`deleteRow`	1	12	1	5.5	≤12.1	3	4.4	18	4	≤12.1	1	1.0

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLTableElement/deleteRow