Skip to content

Support for Variable Row Heights in DataGrid Component #279

Open
@ShivdeepJha

Description

@ShivdeepJha

Description:
I am requesting the addition of support for variable row heights in the DataGrid component within the @fluentui-contrib/react-data-grid-react-window package. This feature would allow each row in the DataGrid to have a different height, similar to the functionality provided by the VariableSizeList in the react-window library.

Proposed Solution:
Implement a mechanism in the DataGrid component that allows developers to specify individual row heights. This could involve integrating functionality akin to VariableSizeList from react-window, enabling efficient rendering of lists with items of varying sizes.

Use Case:
In scenarios where data entries have differing content sizes, such as varying amounts of text or nested elements, the ability to adjust row heights individually would enhance the user interface and improve readability.

Additional Context:
The current implementation of the DataGrid component appears to support only fixed row heights. Introducing variable row heights would provide greater flexibility and align with common use cases where data entries are not uniform in size.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions