Rows highlight when hovered over to improve readability and user experience. Add the hoverable prop to TableRow for this.

Adds borders around table cells to clearly define rows and columns. Use the bordered prop.

Applies rounded corners to the table for a softer and modern look. Use the rounded prop.

Gives the table a subtle shadow effect, making it appear elevated. Use the raised prop.

Applies a background color to the table header to differentiate it from the body. Add the tint prop to TableHead.

Removes the default table borders, creating a cleaner and more minimalistic look. Use the noBorder prop.

Displays dividers between table columns for improved readability. Add the verticalLine prop to TableRow.

Adds a descriptive caption above the table to provide context.