Index

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>
<script src="~/Scripts/jquery-3.5.1.min.js"></script>
<br />

<input type="text" placeholder="Search Record" id="search" style="margin-bottom:15px; float:right" class="form-control" />
<br />
<br />
<div class="row">
    <div class="col-md-12">
        <table class="table table-hover table-bordered table-striped " id="table">
            <thead >
                <tr>
                    <th class="col-md-3.5">Name</th>
                    <th class="col-md-3.5">Contact</th>
                    <th class="col-md-3.5">City</th>
                    <th class="col-md-2">Action</th>
                </tr>
            </thead>
            <tbody id="list"></tbody>
        </table>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <table class="table  table-bordered table-striped text-center">
            <thead>
                <tr >
                   
                    <th >Name</th>
                    <th >Contact</th>
                    <th >City</th>
                    <th >Action</th>
                </tr>
            </thead>
            <tbody>
                <tr id="data">
                    <input type="hidden" id="id"  >
                    <td><input type="text" placeholder="Enter Your Name" class="form-control" id="name" /></td>
                    <td><input type="text" placeholder="Enter Your Contact" class="form-control" id="contact" /></td>
                    <td><input type="text" placeholder="Enter Your City" class="form-control" id="city" /></td>
                    <td ><input type="button" class="btn btn-success" value="Add New" id="btn" /></td>
                </tr>
            </tbody>
        </table>
    </div>
  
</div>