Comments (2)
The tableId
prop is not actually for an html id. It is used internally as a unique identifier in case other MRT tables are rendered on the same page. And actually I'm probably to get rid of the need of this props existence soon so that it does not cause confusion like this.
What you are probably wanting to do is add a real html id attribute to the <table>
tag is what I'm guessing? If so do this:
<MaterialReactTable
muiTableProps: {
id: 'market-table'
}
/>
Though it is probably worth mentioning here that using getElementById isn't best practice in React, but using refs is what is encouraged. You can do that too like this:
const tableRef = useRef(null)
return (<MaterialReactTable
muiTableProps: {
ref: tableRef
}
/>);
from material-react-table.
Thanks for ur answer sir it's work nicely now
have a good day
from material-react-table.
Related Issues (20)
- Data does not refresh when using editDisplayMode: 'table' HOT 1
- Total Row count gets lost when grouping
- Pagination size error when scale
- Checkbox from "enableRowSelection" wont change status
- Lazy Sub-Rows Example refetching the whole table HOT 3
- How to make checkbox position fix? HOT 2
- Expandable Details Panel
- Filters - Clearing autocomplete filter using "Clear Filter" rather than the 'X' button doesn't clear the selected value.
- Documentation needs update for rowVirtualizerInstanceRef.current?.scrollToIndex with virtualized table and renderDetailPanel
- virtualizer initialOffset seems to have no effect
- When changing column width table scrolls back to the top
- Data not displayed on initial page load with virtualization enabled and table data passed as props to main component
- Can we drag a column using column header instead of drag icon in Material-React-Table?
- Infinite Scrolling - Infinite Loop of loading and stop scrolling after set maxPages in useInfiniteQuery HOT 2
- MRT Grid Infinite scrolling with RTk Query HOT 1
- Inability to Drag Columns on Tablets, Mobiles, or Touch Devices HOT 1
- MUI style breaking in UI
- Column editSelectOptions array with label and value do not select label in edit mode
- Strange Scrolling behaviour with Header Groups and column virtualization HOT 1
- muiPaginationProps does not include rowsPerPage HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from material-react-table.