Modal-based Editing (template)

This template demonstrates a CRUD (Create, Read, Update, Delete) interface using a modal <dialog> for adding and editing entries. A <table> that is filterable (via an <input type="search" .../> field) and responsive (via a wrapper <div class="responsive-table"> element) is used to display the data. Some sample JavaScript is included that updates the DOM as changes are made. Get the template code on GitHub.

Staff Listing