Add Row (Clone)

Ripon Uddin — Tue, 31 Dec 2024 09:10:48 +0000

Today, I will share a simple way to implement cloning and removing tr dynamically and how to keep the last tr without removing it.

*Requirements Below: *

A Selector to append TR
add/remove selector class

<table class="table table-hover">
      <thead>
         <tr>
            <th>Product </th>
            <th>Description</th>
            <th>Action</th>
          </tr>
        </thead>
        <tbody class="productServicesTbody">
            <tr>
                <td>
                   <input
                      type="text"
                      class="form-control"
                    />
                </td>

                <td>
                   <input
                      type="text"
                      class="form-control"
                   />
                </td>

                <td>
                    <button type="button" class="btn btn-primary btn-sm addTr">
                      Add
                    </button>

                   <button type="button" class="btn btn-danger btn-sm removeTr">
                      Delete
                    </button>
                </td>
             </tr>
         </tbody>
   </table>

JS Code

$(document).ready(function() {
        $(document).on('click', '.addTr', function() {
            let $clone = $(this).closest('tr').clone();
            $clone.find('input').val('');

            $('.productServicesTbody').append($clone);
        });

        $(document).on('click', '.removeTr', function() {
            if ($('.productServicesTbody tr').length > 1) {
                $(this).closest('tr').remove();
            }
        });
    });

Here .addTr is an add new tr button selector. And .removeTr is an add new tr button selector.

Please, let me know your queries in the comment section.

HappyCoding #Js #jQuery

Laravel Sanctum API Broken Issues

Ripon Uddin — Tue, 18 Jan 2022 18:23:41 +0000

** Hey, Lara devs **

Today I am going to share something with you guys.

Maybe someday it will help you to resolve.

I was working with Laravel Project with sanctum.
We were preparing to go live. And I cleaned the full DB and created a new database user and new database at Digital Ocean Droplet with Linux Ubuntu 20.04.

After completing the user & database creation. I imported My Local Fresh SQL to the server new database.

In the meantime somehow id primary key was removed and the data type turn into big-int also auto-increment credentials were removed.

For that, Records are created without default id increment. ID was 0 for every-rows.

So, whenever I was trying to log in through API. It's successfully generating API Tokens also saving inside personal_access_tokens with id 0. I was also able to parse tokens.

When, I was passing the token with Bearer to get my profile information. And, I was getting a wired response like 405 Method Not allowed exception.

I checked locally more than 10 times , everything is working. Also, I tried to down and up Laravel application at production mood.
Nothing worked at all.

After long period, Once I just dropped the id column and created a new id column with primary index & auto-increment.
It works perfectly now.

DEV Community: Ripon Uddin

Add Row (Clone)

JS Code

HappyCoding #Js #jQuery

Laravel Sanctum API Broken Issues

Server : Droplet, Digital-Ocean

OS : Ubuntu 20.04

Version : Laravel 7

HappyCoding

clhg52