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.