score:3
the tablecontainer
is using paper
( with default elevation ) as its background, which is why it is displaying like a card. removing the component={paper}
part will remove those classes.
use it like this
<tablecontainer >
score:3
add classname to tablecontainer component
<tablecontainer classname={classes.tablecontainer} component={paper}>
add custom style to usestyle hook
const usestyles = makestyles({
table: {
minwidth: 650
},
tablecontainer: {
boxshadow: "none"
}
});
my method: in codesandbox, i opened devtools and inspected the component until i found the tag. because it was outermost layer, it seemed likely to be the tablecontainer component.
thus if you were to want to eliminate the bottom border, find which tag it's set and overwrite those components in the usestyle hook.
Source: stackoverflow.com
Related Query
- How to remove the border around the entire table in Material-ui
- How i can remove the blue border in Material React Modal?
- How can I remove unused imports/declarations from the entire project of React Typescript?
- How to change the text color of the selected row in material ui table
- how to remove border in textfield fieldset in material ui
- How do I hide the border around Blueprint.js switch component?
- How to hide the overflow content in material ui table cell instead of wrapping
- How can I remove line above the accordion of Material UI?
- How to remove the border of native-base tabs
- How do I remove the component border shown onClick in react?
- How to put Material UI Table in the middle of page?
- How to remove border of Material UI's DatePicker?
- How to remove the overlay loader from material table?
- React - Material UI: How to remove scrollbar from table
- How to remove the button border in css?
- Material UI: How can I change the border color of the Select component?
- How to remove the arrows icons from a Material UI TextField
- How do I re render the entire React Pivot Table UI component when I change the selection in select tag?
- How to select the rows of a material table programmatically on onclick event of button -React js
- How to remove exta element around the constants added in react 15.0.2
- How to remove curved border and inset box shadow from Material UI TextField React component?
- How to change the filtered date format in material table react?
- How to position columns at the left and data at the right of material UI table for React
- How to hide a column on REACT Material table in all rows and show it on Edit for the Particular Row I am editing and Add Operations on new row adding?
- How to remove the outline for the cell in table when you click the cell?
- How to give border to this react tooltip and remove the arrow?
- How to remove last divider from the list in Grid system in Material Ui
- How to change the font color of Material UI table with makeStyles?
- How do I change the weight and color of the border of the Material UI Dialog?
- How to stop the buttons overflowing in material ui table row while scrolling?
More Query from same tag
- Calculating SVG bounding boxes with React?
- Wrong behavior of map box gl with react js
- What does the 'new' keyword before the parameter list mean in a typscript arrow function?
- simplify redux with generic action & reducer
- Redux-form redirect to unknown url
- How to persist Auth0 login status in browser for React SPA
- How to redirect to some page if condition is true using react?
- React, Yup, Formik. How to extend current schema from another schema
- React fullstack exercise part5 async/await syntax and promises for the HTTP request
- How to push element without activating onClick in ReactJS?
- Cannot update product quantity stored in MongoDB, using Node.js and React.js
- react-bootstrap navbar odd behavior
- I'm trying to pack several files into an array, but only one is shown at a time
- TypeError: Cannot read property 'addEventListener' of undefined
- Converting cURL command to Axios
- Which element should handle data in React?
- Rest API axios error handling in redux-saga using catch
- React js communication between two components
- Warning: Failed prop type: The prop `createCourse` is marked as required in `CoursesPage`, but its value is `undefined`
- React Conditional Rendering to check if something is an empty tag
- GraphQL Mutation and Query: Cannot read property of undefined
- Map through two arrays of components and strings and render in one component
- React server side rendering and lazy loading of webpack
- customize the style of rc-time-picker
- What is the purpose of sx prop in Material UI?
- Currency formatting in React / Javascript
- react-toastify popup showing 2 times
- component not reading hook state properly
- React Router 4 - Controlled Component not Un-Mounting on Switch
- Reactjs - Isotope layout - using data-attributes to filter/sort