-
-
AdminAdison Jeck
Editable Table
- Home
- Editable Table
Users List
|
|
Role | Status | Project | Actions | |
|---|---|---|---|---|---|
Evangelina Mcclain@jstevenson5c |
[email protected] | Agent |
Active
|
165 |
|
Candice Munoz@candicemunoz |
[email protected] | Administrator | Active | 99 |
|
Bernard Langley@bernardlangley |
[email protected] | Contributor | Active | 24 |
|
Kristie Hall@kristiehall |
[email protected] | Agent | Active | 50 |
|
Bolton Obrien@boltonobrien |
[email protected] | Contributor | Active | 34 |
|
Dee Alvarado@deealvarado |
[email protected] | Administrator | Active | 99 |
|
Showing 1 To 6 Of 20 Entries
<div class="card bg-white border-0 rounded-10 mb-4">
<div class="card-body p-4">
<div class="d-sm-flex text-center justify-content-between align-items-center border-bottom pb-20 mb-20">
<h4 class="fw-semibold fs-18 mb-sm-0">Users List</h4>
<button class="border-0 btn btn-primary py-2 px-3 px-sm-4 text-white fs-14 fw-semibold rounded-3" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight">
<span class="py-sm-1 d-block">
<i class="ri-add-line text-white"></i>
<span>Create New User</span>
</span>
</button>
</div>
<div class="default-table-area members-list">
<div class="table-responsive">
<table class="table align-middle">
<thead>
<tr class="text-center">
<th scope="col" class="text-primary text-start">
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
<label class="form-check-label ms-2" for="flexCheckDefault">Name</label>
</div>
</th>
<th scope="col">Email</th>
<th scope="col">Role</th>
<th scope="col">Status</th>
<th scope="col">Project</th>
<th scope="col">Actions</th>
</tr>
</thead>
<tbody>
<tr class="text-center">
<td class="text-start">
<div class="d-flex align-items-center">
<div class="form-check pe-2">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault2">
</div>
<div class="d-flex align-items-center">
<div class="flex-shrink-0 lh-1">
<img src="assets/images/user-1.jpg" class="wh-44 rounded-circle" alt="user">
</div>
<div class="flex-grow-1 ms-10">
<h4 class="fw-semibold fs-16 mb-0">Evangelina Mcclain</h4>
<span class="text-gray-light">@jstevenson5c</span>
</div>
</div>
</div>
</td>
<td>
<a href="mailto:[email protected]">[email protected]</a>
</td>
<td>
<span>Agent</span>
</td>
<td>
<div class="d-flex gap-2 justify-content-center">
<span class="bg-success bg-opacity-10 text-success fs-13 fw-semibold py-1 px-2 rounded-1">Active</span>
</div>
</td>
<td>
<span>165</span>
</td>
<td>
<div class="dropdown action-opt">
<button class="btn bg p-0" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<i data-feather="more-horizontal"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end bg-white border box-shadow">
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="share-2"></i>
Share
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="link-2"></i>
Get Sharable Link
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="edit-3"></i>
Rename
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="download"></i>
Download
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="trash-2"></i>
Remove
</a>
</li>
</ul>
</div>
</td>
</tr>
<tr class="text-center">
<td class="text-start">
<div class="d-flex align-items-center">
<div class="form-check pe-2">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault3">
</div>
<div class="d-flex align-items-center">
<div class="flex-shrink-0 lh-1">
<img src="assets/images/user-2.jpg" class="wh-44 rounded-circle" alt="user">
</div>
<div class="flex-grow-1 ms-10">
<h4 class="fw-semibold fs-16 mb-0">Candice Munoz</h4>
<span class="text-gray-light">@candicemunoz</span>
</div>
</div>
</div>
</td>
<td>
<a href="mailto:[email protected]">[email protected]</a>
</td>
<td>
<span>Administrator</span>
</td>
<td>
<span class="bg-success bg-opacity-10 text-success fs-13 fw-semibold py-1 px-2 rounded-1">Active</span>
</td>
<td>
<span>99</span>
</td>
<td>
<div class="dropdown action-opt">
<button class="btn bg p-0" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<i data-feather="more-horizontal"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end bg-white border box-shadow">
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="share-2"></i>
Share
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="link-2"></i>
Get Sharable Link
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="edit-3"></i>
Rename
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="download"></i>
Download
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="trash-2"></i>
Remove
</a>
</li>
</ul>
</div>
</td>
</tr>
<tr class="text-center">
<td class="text-start">
<div class="d-flex align-items-center">
<div class="form-check pe-2">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault4">
</div>
<div class="d-flex align-items-center">
<div class="flex-shrink-0 lh-1">
<img src="assets/images/user-3.jpg" class="wh-44 rounded-circle" alt="user">
</div>
<div class="flex-grow-1 ms-10">
<h4 class="fw-semibold fs-16 mb-0">Bernard Langley</h4>
<span class="text-gray-light">@bernardlangley</span>
</div>
</div>
</div>
</td>
<td>
<a href="mailto:[email protected]">[email protected]</a>
</td>
<td>
<span>Contributor</span>
</td>
<td>
<span class="bg-success bg-opacity-10 text-success fs-13 fw-semibold py-1 px-2 rounded-1">Active</span>
</td>
<td>
<span>24</span>
</td>
<td>
<div class="dropdown action-opt">
<button class="btn bg p-0" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<i data-feather="more-horizontal"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end bg-white border box-shadow">
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="share-2"></i>
Share
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="link-2"></i>
Get Sharable Link
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="edit-3"></i>
Rename
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="download"></i>
Download
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="trash-2"></i>
Remove
</a>
</li>
</ul>
</div>
</td>
</tr>
<tr class="text-center">
<td class="text-start">
<div class="d-flex align-items-center">
<div class="form-check pe-2">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault5">
</div>
<div class="d-flex align-items-center">
<div class="flex-shrink-0 lh-1">
<img src="assets/images/user-4.jpg" class="wh-44 rounded-circle" alt="user">
</div>
<div class="flex-grow-1 ms-10">
<h4 class="fw-semibold fs-16 mb-0">Kristie Hall</h4>
<span class="text-gray-light">@kristiehall</span>
</div>
</div>
</div>
</td>
<td>
<a href="mailto:[email protected]">[email protected]</a>
</td>
<td>
<span>Agent</span>
</td>
<td>
<span class="bg-success bg-opacity-10 text-success fs-13 fw-semibold py-1 px-2 rounded-1">Active</span>
</td>
<td>
<span>50</span>
</td>
<td>
<div class="dropdown action-opt">
<button class="btn bg p-0" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<i data-feather="more-horizontal"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end bg-white border box-shadow">
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="share-2"></i>
Share
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="link-2"></i>
Get Sharable Link
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="edit-3"></i>
Rename
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="download"></i>
Download
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="trash-2"></i>
Remove
</a>
</li>
</ul>
</div>
</td>
</tr>
<tr class="text-center">
<td class="text-start">
<div class="d-flex align-items-center">
<div class="form-check pe-2">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault6">
</div>
<div class="d-flex align-items-center">
<div class="flex-shrink-0 lh-1">
<img src="assets/images/user-5.jpg" class="wh-44 rounded-circle" alt="user">
</div>
<div class="flex-grow-1 ms-10">
<h4 class="fw-semibold fs-16 mb-0">Bolton Obrien</h4>
<span class="text-gray-light">@boltonobrien</span>
</div>
</div>
</div>
</td>
<td>
<a href="mailto:[email protected]">[email protected]</a>
</td>
<td>
<span>Contributor</span>
</td>
<td>
<span class="bg-success bg-opacity-10 text-success fs-13 fw-semibold py-1 px-2 rounded-1">Active</span>
</td>
<td>
<span>34</span>
</td>
<td>
<div class="dropdown action-opt">
<button class="btn bg p-0" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<i data-feather="more-horizontal"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end bg-white border box-shadow">
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="share-2"></i>
Share
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="link-2"></i>
Get Sharable Link
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="edit-3"></i>
Rename
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="download"></i>
Download
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="trash-2"></i>
Remove
</a>
</li>
</ul>
</div>
</td>
</tr>
<tr class="text-center">
<td class="text-start">
<div class="d-flex align-items-center">
<div class="form-check pe-2">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault7">
</div>
<div class="d-flex align-items-center">
<div class="flex-shrink-0 lh-1">
<img src="assets/images/user-6.jpg" class="wh-44 rounded-circle" alt="user">
</div>
<div class="flex-grow-1 ms-10">
<h4 class="fw-semibold fs-16 mb-0">Dee Alvarado</h4>
<span class="text-gray-light">@deealvarado</span>
</div>
</div>
</div>
</td>
<td>
<a href="mailto:[email protected]">[email protected]</a>
</td>
<td>
<span>Administrator</span>
</td>
<td>
<span class="bg-success bg-opacity-10 text-success fs-13 fw-semibold py-1 px-2 rounded-1">Active</span>
</td>
<td>
<span>99</span>
</td>
<td>
<div class="dropdown action-opt">
<button class="btn bg p-0" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<i data-feather="more-horizontal"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end bg-white border box-shadow">
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="share-2"></i>
Share
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="link-2"></i>
Get Sharable Link
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="edit-3"></i>
Rename
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="download"></i>
Download
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="trash-2"></i>
Remove
</a>
</li>
</ul>
</div>
</td>
</tr>
<tr class="text-center">
<td class="text-start">
<div class="d-flex align-items-center">
<div class="form-check pe-2">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault8">
</div>
<div class="d-flex align-items-center">
<div class="flex-shrink-0 lh-1">
<img src="assets/images/user-7.jpg" class="wh-44 rounded-circle" alt="user">
</div>
<div class="flex-grow-1 ms-10">
<h4 class="fw-semibold fs-16 mb-0">Cervantes Kramer</h4>
<span class="text-gray-light">@cervanteskramer</span>
</div>
</div>
</div>
</td>
<td>
<a href="mailto:[email protected]">[email protected]</a>
</td>
<td>
<span>Agent</span>
</td>
<td>
<span class="bg-success bg-opacity-10 text-success fs-13 fw-semibold py-1 px-2 rounded-1">Active</span>
</td>
<td>
<span>24</span>
</td>
<td>
<div class="dropdown action-opt">
<button class="btn bg p-0" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<i data-feather="more-horizontal"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end bg-white border box-shadow">
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="share-2"></i>
Share
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="link-2"></i>
Get Sharable Link
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="edit-3"></i>
Rename
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="download"></i>
Download
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="trash-2"></i>
Remove
</a>
</li>
</ul>
</div>
</td>
</tr>
<tr class="text-center">
<td class="text-start">
<div class="d-flex align-items-center">
<div class="form-check pe-2">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault9">
</div>
<div class="d-flex align-items-center">
<div class="flex-shrink-0 lh-1">
<img src="assets/images/user-8.jpg" class="wh-44 rounded-circle" alt="user">
</div>
<div class="flex-grow-1 ms-10">
<h4 class="fw-semibold fs-16 mb-0">Dejesus Michael</h4>
<span class="text-gray-light">@dejesusmichael</span>
</div>
</div>
</div>
</td>
<td>
<a href="mailto:[email protected]">[email protected]</a>
</td>
<td>
<span>Agent</span>
</td>
<td>
<span class="bg-danger bg-opacity-10 text-danger fs-13 fw-semibold py-1 px-2 rounded-1">Deactive</span>
</td>
<td>
<span>50</span>
</td>
<td>
<div class="dropdown action-opt">
<button class="btn bg p-0" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<i data-feather="more-horizontal"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end bg-white border box-shadow">
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="share-2"></i>
Share
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="link-2"></i>
Get Sharable Link
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="edit-3"></i>
Rename
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="download"></i>
Download
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="trash-2"></i>
Remove
</a>
</li>
</ul>
</div>
</td>
</tr>
<tr class="text-center">
<td class="text-start">
<div class="d-flex align-items-center">
<div class="form-check pe-2">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault10">
</div>
<div class="d-flex align-items-center">
<div class="flex-shrink-0 lh-1">
<img src="assets/images/user-9.jpg" class="wh-44 rounded-circle" alt="user">
</div>
<div class="flex-grow-1 ms-10">
<h4 class="fw-semibold fs-16 mb-0">Alissa Nelson</h4>
<span class="text-gray-light">@alissanelson</span>
</div>
</div>
</div>
</td>
<td>
<a href="mailto:[email protected]">[email protected]</a>
</td>
<td>
<span>Contributor</span>
</td>
<td>
<span class="bg-danger bg-opacity-10 text-danger fs-13 fw-semibold py-1 px-2 rounded-1">Deactive</span>
</td>
<td>
<span>34</span>
</td>
<td>
<div class="dropdown action-opt">
<button class="btn bg p-0" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<i data-feather="more-horizontal"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end bg-white border box-shadow">
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="share-2"></i>
Share
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="link-2"></i>
Get Sharable Link
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="edit-3"></i>
Rename
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="download"></i>
Download
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="trash-2"></i>
Remove
</a>
</li>
</ul>
</div>
</td>
</tr>
<tr class="text-center">
<td class="text-start">
<div class="d-flex align-items-center">
<div class="form-check pe-2">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault10">
</div>
<div class="d-flex align-items-center">
<div class="flex-shrink-0 lh-1">
<img src="assets/images/user-34.jpg" class="wh-44 rounded-circle" alt="user">
</div>
<div class="flex-grow-1 ms-10">
<h4 class="fw-semibold fs-16 mb-0">Anne Nelson</h4>
<span class="text-gray-light">@annenelson</span>
</div>
</div>
</div>
</td>
<td>
<a href="mailto:[email protected]">[email protected]</a>
</td>
<td>
<span>Agent</span>
</td>
<td>
<span class="bg-danger bg-opacity-10 text-danger fs-13 fw-semibold py-1 px-2 rounded-1">Deactive</span>
</td>
<td>
<span>34</span>
</td>
<td>
<div class="dropdown action-opt">
<button class="btn bg p-0" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<i data-feather="more-horizontal"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end bg-white border box-shadow">
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="share-2"></i>
Share
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="link-2"></i>
Get Sharable Link
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="edit-3"></i>
Rename
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="download"></i>
Download
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;">
<i data-feather="trash-2"></i>
Remove
</a>
</li>
</ul>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="d-sm-flex justify-content-between align-items-center text-center">
<span class="fs-14">Showing 1 To 5 Of 20 Entries</span>
<nav aria-label="Page navigation example">
<ul class="pagination mb-0 mt-3 mt-sm-0 justify-content-center">
<li class="page-item">
<a class="page-link icon" href="members-list.html" aria-label="Previous">
<i data-feather="arrow-left"></i>
</a>
</li>
<li class="page-item"><a class="page-link active" href="members-list.html">1</a></li>
<li class="page-item"><a class="page-link" href="members-list.html">2</a></li>
<li class="page-item"><a class="page-link" href="members-list.html">3</a></li>
<li class="page-item">
<a class="page-link icon" href="members-list.html" aria-label="Next">
<i data-feather="arrow-right"></i>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>