Data Table with Sort/Filter in JavaScript
Build a sortable and filterable data table
IntermediateMini ProjectsExample 18 of 20
data-table-with-sort-filter.js
1class DataTable {2 constructor(data) { this.data = data; this.sortedBy = null; this.filter = ''; }3 sort(column) { this.sortedBy = column; this.data.sort((a, b) => a[column] - b[column]); }4 filterData(query) { this.filter = query; return this.data.filter(row => Object.values(row).some(v => String(v).includes(query))); }5}
Output
// Data table functionality
What's going on
Data Table displays sortable and filterable data.