TableData

The TableData component displays structured data in a table format, supports pagination.

TableData({ results, selectedModels, selectedLanguages })
Parameters:

  • results (array of objects) – Evaluation scores will be displayed.

  • selectedModels (array of Objects) – Selected Models will be displayed.

  • selectedLanguages (array of Objects) – Selected Languages will be displayed.

Returns:

A React component rendering a dynamic table.

Return type:

JSX.Element

Features:

  1. Pagination - Uses handleChangePage to handle more than 10 rows. - User can click on forward and backward arrows to change the page.

Example Usage:

<TableData
  results={data}
  selectedModels={selectedModels}
  selectedLanguages={selectedLanguages}
/>

User Actions:

  • handleChangePage(direction): Changes the page.

Dependencies:

  • react (Component state management)

  • @mui/material (Table UI components)