Vue.js Data Table Admin

This is a college admin dashboard, where the user can filter students suing various criteria.  This is a single page web app, that has two parts. First part would be a list of students. The list will be displayed in a table like structure with multiple columns for each student. Each column will correspond to a data attribute of the student record. The list will also have a summary line at the end that tells you the record count. This is the student data structure: