-
Notifications
You must be signed in to change notification settings - Fork 28
Description
Has your issue been reported?
- I have searched the existing issues and confirm it has not been reported.
- I give permission for members of the FlutterFlow team to access and test my project for the sole purpose of investigating this issue.
Current Behavior
After creating a DataTable and setting the header width from a variable using responsive values (I wanted to hide some columns, i.e. set their width to zero, when Breakpoints are exceeded, so that the table is readable on smaller devices), I noticed that the header width does not react in any way to changes and behaves as if it were set by default, i.e. it scales equally with the rest of the table. Additionally, setting Default Variable Value does not help either, the table continues to behave as if there was nothing there. The only thing that the header width reacts to is manually entering the value. I was working on PX but % is exactly the same.
Expected Behavior
Changing the width of table headers according to the set variables
Steps to Reproduce
- Create DataTable.
- Click on header to edit it's width and set it from variable (I used responsive values, easiest to see).
- Set values + add Default Variable Value.
- Column width is not affected and acts as if width was empty.
Reproducible from Blank
- The steps to reproduce above start from a blank project.
Bug Report Code (Required)
IT4Wlsn1z4pNj7xY17X5bflFimAsKVgnULgFjsN+Vg8dNb6tEZwPbfjRQExtXbC6SnxYIlGJjjsJwsrXhdnfDvtdNUiWGK5kwql6TB/PRnu5SpikPriKOX8nI51hG0jH1p2j3SZ+Xdd2dns32E2IJPCXbAjsJOPbPW0dPeb+EJPX+F6RAQzBJDpZwQQ+M2XSEfljIVDq+f6QspZl1eTjzw==
Context
I wanted to hide some columns, i.e. set their width to zero, when Breakpoints are exceeded, so that the table is readable on smaller devices for my another project. After not seeing any effect on it I started to experiment on another test project and it confirmed that header width can't be set any other way that just hard-coding it.
Visual documentation
datatable_header_width_issue.mp4
Additional Info
No response
Environment
- FlutterFlow version: v4.1.53+
- Platform: Windows Desktop
- Browser name and version: Chrome 125.0.6422.112
- Operating system and version affected: Windows 10