I don't want to use 3rd part, so I am trying to achieve something simple, just use SingleChildScroolView inside a Column, but it is not working.
The widgets that I have are these:
Scaffold
Padding
Column
Obx
Divider
Obx
Column
Table <--- This is the table header
SizedBox
Table <--- I want to put SingleChildScrollView here to make this table scrollable
When I specify the height of the last table, it works, but I don't want to do it because it will be hardcoded and fixed... not good, like this:
SizebBox
height: 300
SingleChildScrollView
Table
I tried this, but hangs:
Expanded
SingleChildScroolView
Table
How to solve this? What am I doing wrong? Can this be fixed?
Thanks
SOLVED.
Guys, I found the problem...
I was trying to put SingleChildScrollView inside a Column, but this Column is inside another Column. AND THIS WAS THE PROBLEM (scrool inside a column that is inside another column)...
I change everything and now I am working with only ONE COLUMN, and SingleChildScrollView can work!
Follow the code:
https://flutlab.io/editor/0b329333-cacb-4903-89bb-053c51a18bd9
Hope this can help someone else.
Thank you all
Related
How can i hide this group-header-row(red-box in picture). In this example i have one more hiden column, which has more sub-levels(childs). If they are are'nt shown, they stay as empty line, for this reason header has huge height in some tables. Idk how can i solve this problem. I didnt find in ag-grid api functions or somthing can help.
Image with example
I have a Row with some Containers in it, this causes an overflowed on the right.
How can I make that once a container has overflowed, the next ones go in a new line
I hope I was clear and that someone can answer me.
Thank you :)
Instead of using a Row() widget you need to use a Wrap() widget and make sure to have your Container()'s width not overflowed.
Wrap() widget just do according to what you need right now, it arranges its children in horizontal direction(by default - you can change it though) and if any child overflowed then move that child in new line.
I am trying to make a row of widgets with a small text below them mentioning what that button is for. One of the label is supposed to be multi lined but this is affecting the button in the column. How can I align them properly without it affecting the buttons placed?
My Widget Structure is something like this:
Column -> Row -> Column -> GestureDetector, Text
Try to add crossAxisAlignment: CrossAxisAlignment.start at the Row containing all the widgets.
If that doesn't work, post all of the widget parent's code
exchange
I want to add in my project this. How can i do something like that or similar?
U can use row widgets for this and nest them
Row(
Row()
Row()
)
Use listview builder to display all the set of rows
Eg question Flutter nested Rows MainAxisAlignment
When table overflows it defaults to the body instead of the table. Is there to make this happen? I could make the AppBar and Tabs fixed, but its difficult to get the heights to set the padding and the scroll bar is still in the wrong place.
App
-Nav
--AppBar
--LeftNav
-Content
--Tests
---Tabs
----Table
material ui use a div to wrap the table.
Try to use wrapperStyle to override it.Details can be found at http://www.material-ui.com/#/components/table