I recently created a table component using Mui. I've been attempting to adjust the height of the tableRows, but so far I haven't had any success. Below is my code snippet:
import React, { memo } from "react";
import {
ActionItemType,
ActionsType,
TableHeadItemType,
} from "./table-head.interface";
import {
IconButton,
TableCell,
TableRow as MuiTableRow,
Tooltip,
} from "@mui/material";
import { NavLink } from "react-router-dom";
// More code...
export default TableRows;
In my attempts to modify the height, I have tried adding "sx={{height: "10px"}}" to MuiTableRow and also adjusting the height in TableCells, but neither approach has yielded the desired result.