Отображение вложенной таблицы в панели сведений о таблице материалов

Question

Я пытаюсь добавить плотную таблицу в панель сведений о таблице материалов , но мне не удалось это сделать.

Я хочу показать id , имя_проекта и ссылки на основной таблице, и при нажатии на строки проекта должно отображаться, что проекты содержат массив в качестве вложенной таблицы.

Вот что я пытался сделать, но в настоящее время он показывает каждую функцию в каждой строке. Заранее спасибо.

https://repl.it/@CagatayCanK / Create-React-App

Answer 1

Внутри вашего detailPanel, вместо того, чтобы зацикливаться на всех ваших данных, вам нужно l oop только на features, которые являются частью текущей строки:

  detailPanel={(rowData) => {
    return (
      <div id="project-features">
        <TableContainer component={Paper}>
          <Table size="small">
            <TableHead>
              <TableRow>
                <TableCell>Features</TableCell>
              </TableRow>
            </TableHead>
            <TableBody>
              {rowData.features.map((feature) => (
                <TableRow>
                  <TableCell component="th" scope="row">
                    {feature}
                  </TableCell>
                </TableRow>
              ))}
            </TableBody>
          </Table>
        </TableContainer>
      </div>
    );
  }}