HTMLTableElement.deleteRow()

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

Syntax

HTMLTableElement.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

No return value

Errors thrown

If the number of the row to delete, specified by the parameter, is greater or equal to the number of available rows, or if it is negative and not equal to the special index -1, representing the last row of the table, the exception INDEX_SIZE_ERR is thrown.

Example

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

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 Status Comment
HTML Living Standard
The definition of 'HTMLTableElement: deleteRow' in that specification.
Living Standard

Browser compatibility

DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
deleteRowChrome Full support YesEdge Full support 12Firefox Full support YesIE Full support YesOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android ? Firefox Android Full support YesOpera Android Full support YesSafari iOS Full support YesSamsung Internet Android ?

Legend

Full support
Full support
Compatibility unknown
Compatibility unknown