Dynamically Add/Remove Table Rows Using jQuery - rowfy

File Size: 3.43 KB
Views Total: 7986
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Dynamically Add/Remove Table Rows Using jQuery - rowfy

rowfy is a jQuery plugin that creates a new column containing Add/Subtract buttons in the html table. Your users are able to dynamically duplicate/remove table rows by clicking the +/- buttons.

Ideal for data table. Compatible with Bootstrap framework.

How to use it:

1. Link to jQuery JavaScript library and the rowfy.js plugin.

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" 
<script src="src/rowfy.js"></script>

2. The plugin uses Bootstrap to style the Add/Subtract buttons.

<link rel="stylesheet" 

3. Just add the CSS class rowfy to your HTML table and the plugin will do the rest.

<table class="table rowfy">
      <td>[email protected]</td>
      <td>[email protected]</td>
      <td>[email protected]</td>



This awesome jQuery plugin is developed by risul3. For more Advanced Usages, please check the demo page or visit the official website.