Skip to content

Setting datatable header width from variable doesn't work #2983

@Kambodzan

Description

@Kambodzan

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

  1. Create DataTable.
  2. Click on header to edit it's width and set it from variable (I used responsive values, easiest to see).
  3. Set values + add Default Variable Value.
  4. 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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions