Press "Enter" to skip to content

How to Find Duplicate Rows in Table Using jQuery | patuta-js

Patuta JS is a jQuery plugin that helps designers/developers add/remove table rows without writing JavaScript code. Patuta.js is an excellent tiny table manipulation created to duplicate and take away rows in an HTML table.

find duplicate rows in a table, create duplicate rows, how to find count of duplicate rows, how to find duplicate records

How to make use of it

1. Load the patuta.min.js script after the jQuery library.

<script src="/path/to/cdn/jquery.slim.min.js"></script> <script src="/path/to/patuta.min.js"></script>

2. Initialize the plugin and we’re able to go.

$(function());

3. Wrap your HTML table right into a container aspect with the CSS class of ‘add-remove-tbl’.

<div class="add-remove-tbl">
  
    ...
  <table></table>
</div>

4. Add take awayRowBtn and addRowBtn lessons to Remove & Add buttons.

<div class="add-remove-tbl">
  <table>
    <thead>
      <tr>
        <th>Name</th>
        <th>Designation</th>
        <th>Action</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>jQueryScript</td>
        <td class="add-remove-tbl">
        <table class="nested">
          <thead>
            <tr>
              <th>Col 1</th>
              <th>Col 2</th>
              <th>Action</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>25</td>
              <td>50</td>
              <td>
                <button class="removeRowBtn">Remove</button>
              </td>
            </tr>
          </tbody>
        </table>
        <button type="button" class="addRowBtn">Add Row</button>
        </td>
        <td>
          <button class="removeRowBtn">Remove</button>
        </td>
      </tr>
    </tbody>
  </table>
  <button type="button" class="addRowBtn">Add Row</button>
</div>

jQuery Datatable Remove Duplicate Rows, How to Remove Duplicate Rows in HTML Table, jQuery Clone Table Row and Remove, Most Popular Plugins, Remove Duplicate Row Data with jQuery


See Demo And Download

Official Website(dheerajvermawd): Click Here

This superior jQuery/javascript plugin is developed by dheerajvermawd. For extra Advanced Usages, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *