---
title: "Append a row in a table trough javascript"
description: "Append a row in a table trough javascript"
author: "Anonymous User"
published: 2021-07-20
updated: 2023-11-28
canonical: https://www.mindstick.com/forum/156571/append-a-row-in-a-table-trough-javascript
category: "javascript"
tags: ["javascript"]
reading_time: 2 minutes
---
# Append a row in a table trough javascript
How to [add](https://www.mindstick.com/forum/12983/add-address-in-textbox-when-page-is-load-and-if-i-search-address-in-textbox-show-in-map-by-javascript) a [row](https://www.mindstick.com/forum/1212/this-row-already-belongs-to-this-table) to [table](https://www.mindstick.com/articles/43918/how-to-design-table-using-bootstrap) on [button click](https://www.mindstick.com/forum/790/form-gets-submiited-twice-on-button-click) via [javascript](https://www.mindstick.com/articles/874/how-to-create-watermark-text-for-textbox-by-using-javascript)?\
## Replies
### Reply by Aryan Kumar
Certainly! You can append a new row to an HTML table using JavaScript. Here's an example:
```plaintext
Append Row to Table in JavaScript
Name
Age
City
John
25
New York
Jane
30
Los Angeles
```
In this example:
1. The table has an existing structure with headers and some rows.
2. The **appendRow** function is called when the "Add Row" [button](https://www.mindstick.com/articles/63/how-to-add-button-in-datagridview-in-csharp-dot-net) is clicked.
3. Inside the function, a reference to the table's **** is obtained.
4. A new row (**
**) is created using **insertRow()** on the table's **