FrontendArk

Master Frontend Interviews

  • Practice
  • Playground
  • Resource
Hard

Data Table II

90 mins

Build a generalized data table component in React.

Requirements:

  1. Display tabular data with columns and rows.
  2. Support client-side pagination (e.g., 5 or 10 rows per page).
  3. Allow sorting by clicking on column headers (toggle ascending/descending).
  4. Add a simple search box for filtering rows.
  5. Make the component reusable by passing in data and columns as props.
  6. Focus on functionality over styling.

Code Editor

React Component

00:00
Loading...

Live Preview

See your React component