Editable Table

<div id="table"class="table-editable"><span class="table-add float-right mb-3 mr-2"><button class="btn btn-sm bg-primary"><i class="ri-add-fill"><span class="pl-1">Add New</span></i></button></span><table class="table table-bordered table-responsive-md table-striped text-center"><thead><tr><th>Name</th><th>Age</th><th>Company Name</th><th>Country</th><th>City</th><th>Sort</th><th>Remove</th></tr></thead><tbody><tr><td contenteditable="true">Gio Metric</td><td contenteditable="true">25</td><td contenteditable="true">Deepends</td><td contenteditable="true">Spain</td><td contenteditable="true">Madrid</td><td><span class="table-up"><a href="#!"class="indigo-text"><i class="fas fa-long-arrow-alt-up"aria-hidden="true"></i></a></span><span class="table-down"><a href="#!"class="indigo-text"><i class="fas fa-long-arrow-alt-down"aria-hidden="true"></i></a></span></td><td><span class="table-remove"><button type="button"class="btn bg-danger-light btn-rounded btn-sm my-0">Remove</button></span></td></tr><tr><td contenteditable="true">Manny Petty</td><td contenteditable="true">45</td><td contenteditable="true">Insectus</td><td contenteditable="true">France</td><td contenteditable="true">San Francisco</td><td><span class="table-up"><a href="#!"class="indigo-text"><i class="fas fa-long-arrow-alt-up"aria-hidden="true"></i></a></span><span class="table-down"><a href="#!"class="indigo-text"><i class="fas fa-long-arrow-alt-down"aria-hidden="true"></i></a></span></td><td><span class="table-remove"><button type="button"class="btn bg-danger-light btn-rounded btn-sm my-0">Remove</button></span></td></tr><tr><td contenteditable="true">Lucy Tania</td><td contenteditable="true">26</td><td contenteditable="true">Isotronic</td><td contenteditable="true">Germany</td><td contenteditable="true">Frankfurt am Main</td><td><span class="table-up"><a href="#!"class="indigo-text"><i class="fas fa-long-arrow-alt-up"aria-hidden="true"></i></a></span><span class="table-down"><a href="#!"class="indigo-text"><i class="fas fa-long-arrow-alt-down"aria-hidden="true"></i></a></span></td><td><span class="table-remove"><button type="button"class="btn bg-danger-light btn-rounded btn-sm my-0">Remove</button></span></td></tr><tr class="hide"><td contenteditable="true">Anna Mull</td><td contenteditable="true">35</td><td contenteditable="true">Portica</td><td contenteditable="true">USA</td><td contenteditable="true">Oregon</td><td><span class="table-up"><a href="#!"class="indigo-text"><i class="fas fa-long-arrow-alt-up"aria-hidden="true"></i></a></span><span class="table-down"><a href="#!"class="indigo-text"><i class="fas fa-long-arrow-alt-down"aria-hidden="true"></i></a></span></td><td><span class="table-remove"><button type="button"class="btn bg-danger-light btn-rounded btn-sm my-0">Remove</button></span></td></tr></tbody></table></div>
Name Age Company Name Country City Sort Remove
Gio Metric 25 Deepends Spain Madrid
Manny Petty 45 Insectus France San Francisco
Lucy Tania 26 Isotronic Germany Frankfurt am Main
Anna Mull 35 Portica USA Oregon