Skip to content

[CLI MCP] [Blazor]: Grid columns are generated with fixed pixel widths, leaving large empty space in the grid #1696

@georgianastasov

Description

@georgianastasov

Ignite UI CLI Version

15.2.0

Framework

Web Components, jQuery, React, Angular

CLI Command

new

Node.js Version

20.11.0

Operating System

Windows

Package Manager

None

Description

The generated grid always sets exact column widths in pixels. Because the widths are fixed, the columns do not adapt to the available grid space, which often leaves a empty area on the right side of the grid.

Steps to Reproduce

  1. Create or generate a project/component that includes a grid.
  2. Run the application.
  3. Observe the generated grid layout and column widths.
  4. Resize the page or view the grid in a wider container.

Actual Result

Each grid column has a fixed pixel width. The columns do not stretch or adapt to fill the available space, so a large part of the grid remains empty.

Expected Result

The generated grid should use responsive or flexible column sizing by default, or avoid setting exact pixel widths unless explicitly configured. The columns should make better use of the available grid width.

Error Output / Logs

No terminal error is shown. The issue is related to generated layout/styling behavior.

Additional Context

No response

Metadata

Metadata

Type

No fields configured for Bug.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions