Comments (3)
I'm confused by this issue, grouping still works fine in the advanced example. The advanced example is just rendering the MRT_ToolbarAlertBanner component in the bottom toolbar.
![image](https://private-user-images.githubusercontent.com/28243511/303022300-8de52f1f-9a50-4027-a0d4-b8891ce4b61a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTYyNjI1OTAsIm5iZiI6MTcxNjI2MjI5MCwicGF0aCI6Ii8yODI0MzUxMS8zMDMwMjIzMDAtOGRlNTJmMWYtOWE1MC00MDI3LWEwZDQtYjg4OTFjZTRiNjFhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA1MjElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNTIxVDAzMzEzMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWE1ZmVjY2VkNzk3OWNiMjc1MjgwMTRjMGJmMWRhNzhlY2MzZDdmYzhjMTg0ZmM5MTdkYjBmNzBmYTNlZDBlZWMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.CQ6noTjNUbMueb9O7aAPl20ssQACMxqJwH8gvLK4EV4)
Now if you want, you could just set positionAlertBanner: 'none'
and then import the MRT_ToolbarAlertBanner
component and render it anywhere you want. You can see this happening in the Custom Headless Example
from material-react-table.
Closing as there are no errors, and this seems to just be a misunderstanding
from material-react-table.
Thanks for answering. Okay, I think I understand now. So grouping there is achieved by using the menu option.
My bad. I thought that the grouping was always produced by dragging and dropping the move option like in the grouping example, where you drag and drop the header to the drop zone:
https://www.material-react-table.com/docs/examples/column-grouping
from material-react-table.
Related Issues (20)
- Lazy Sub-Rows Example refetching the whole table HOT 3
- How to make checkbox position fix? HOT 3
- 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 HOT 1
- Column editSelectOptions array with label and value do not select label in edit mode HOT 1
- Strange Scrolling behaviour with Header Groups and column virtualization HOT 1
- muiPaginationProps does not include rowsPerPage HOT 2
- onColumnVisibilityChange behaves strange when clicked the show menu column showAll or hideAll button HOT 2
- When using `localStorage` or `sessionStorage` to store filter values, I'm encountering an error specifically with the `filterVariant` set to "date" or "date-range": HOT 5
- Column Ordering (DnD) not working on mobile device HOT 1
- Min, Max and Median functions not working properly on dataset with null values
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.