Question

Vistas

In my React project, I am using MUI component called TablePagination

TablePagination component is nested inside of the Table component like the picture below.

See how the dropdown button has a solid arrow pointing down. How can I change this to a different SVG icon.

I want the new TablePagination to have an arrow icon from the below picture.

Here is the link to the sandbox for this example.

about 4 years ago · Juan Pablo Isaza

Responde la pregunta

Accepted Answer · 2022-07-10T07:45:43.492Z

You can add a custom icon of the Select inside TablePagination like below:

<TablePagination
  SelectProps={{
    IconComponent: KeyboardArrowDownIcon,
  }}