## Round 1 - Frontend ## Problem Build a React component that renders a table of employee records. It must support: - Column-based sorting (click header to toggle asc/desc) - A text search field that filters rows by name in real time - Pagination (10 rows per page, with prev/next controls) ```jsx // Data shape const employees = [ { id: 1, name: "Alice", department: "Eng", salary: 120000 }, ... ]; function EmployeeTable({ data }) { // Your implementation } ``` ## Example ``` Input: 50 employee records User types "ali" in search -> table shows only rows where name contains "ali" (case-insensitive) User clicks "Salary" header -> rows sorted ascending by salary User clicks "Salary" again -> sorted descending Page controls show "Page 1 of 3" and allow navigation ``` ## Follow-ups 1. How do you keep sorting and filtering in sync when the user changes both simultaneously? 2. How would you make the table accessible (keyboard navigation, ARIA roles, screen reader support)? 3. If the dataset has 100,000 rows, what rendering strategy would you use to avoid performance issues? 4. How would you add a column visibility toggle so users can show/hide specific columns?

InterviewDB Experience

Frontend Assignment Interview: Build an Interactive Filterable Data Table Component

Frontend Onsite

Interview Experience

Round 1 - Frontend Problem Build a React component that renders a table of employee records. It must support: Column-based sorting (click header to toggle asc/desc) A text search field that filters rows by name in real time Pagination (10 rows per page, with prev/next controls) Example Follow-ups How do you keep sorting and filtering in sync when the user changes both simultaneously? How would you make the table accessible (keyboard navigation, ARIA roles, screen reader support)? If the dataset…

Full Details

🔒

Unlock all Glean questions

Full insider details, leaked discussions, and candidate experiences.

Get full access — $100 a year, unlimited access

About This Question

This is a candidate experience report from a glean interview for a frontend role during the onsite round.

It covers the following topics: Coding, Frontend, Onsite .

Topics

Coding Frontend Onsite

Frontend Assignment Interview: Build an Interactive Filterable Data Table Component

Interview Experience

Full Details

About This Question

Topics

More Glean Interview Questions