How ahmeteerikoglu/sortable-and-filterable-table-with-vanillajs works
This is a browser-based editable table. A user enters item fields, then the JavaScript event handlers add or edit in-memory records, re-render the table, and clear the form. Users can delete records, filter by name, and toggle column sorting. The implementation is concentrated in script.js; index.html supplies the DOM elements referenced there. No persistent storage or external service is present. The graph reflects the sampled runtime code; the HTML structure itself was not sampled.
Components 8
Browser UI
- Table Form
index.html - DOM Renderer
script.js
Table Logic
- Event Handlers
script.js - Item Mutations
script.js - Name Filtering
script.js - Column Sorting
script.js
In-Memory State
- Item List
script.js
Other components
- User
Connections 12
- User → Table Form: uses
- Table Form → Event Handlers: dispatches
- Event Handlers → Item Mutations: calls
- Item Mutations → Item List: writes
- Item Mutations → DOM Renderer: updates
- Event Handlers → Name Filtering: calls
- Name Filtering → Item List: reads
- Event Handlers → DOM Renderer: updates
- Table Form → Column Sorting: dispatches
- Column Sorting → Item List: reads
- Column Sorting → DOM Renderer: updates
- DOM Renderer → Item List: reads