Как дать полную ширину ячейке таблицы в React + материале?

Я использую пользовательский интерфейс материала с реакцией. Я показываю свои данные в таблице. На самом деле в таблице у меня есть несколько примеров titles. " GENERAL_INFORMATION" и INFORMATION - названия. Я хочу показать это посередине. Но мой table cell не принимает ширину 100%, почему?

вот мой код https://codesandbox.io/s/qlj0l8yrx9

 <Fragment>
                    <TableRow key = {row.id}>
                      <TableCell> {title}</TableCell>
                    </TableRow>
                    {row.map(({ displaytext, value }) => (
                      <TableRow key = {row.id}>
                        <TableCell>{displaytext}</TableCell>
                        <TableCell>{value}</TableCell>
                      </TableRow>
                    ))}
                  </Fragment>

Я получаю помощь от этого URL https://material-ui.com/demos/tables/