search

vmware-archive / clarity

Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.
http://clarity.design
MIT License
6.42k stars 761 forks source link

Columns in data rows for some data grids are too wide #6500

Closed ahmedmenaem closed 2 years ago

ahmedmenaem commented 2 years ago

Columns in data rows for some data grids are too wide

When we use data-grid to create a new table if we added a long text inside <clr-dg-cell> it's not working as expected some columns are too wide you can check this Link to the reproduced issue

How to reproduce

Link to the reproduced issue. You can find the issue that happened with this code on stackblitz.

Expected behavior

All columns are supposed to have the same max-width when we use<clr-dg-cell>

Versions

Clarity project:

Clarity version:

Framework:

Framework version: Angular 11

Device:

Additional notes

No Additional notes.

bdryanovski commented 2 years ago

We don't truncate the content inside the columns so long string single strings will always take more space, if you have some specific use case and require to have this type of "hash" strings you could truncate them yourself by creating an Angular Pipe for that or truncate them with CSS by adding a custom class.

Marking this as support question.

github-actions[bot] commented 2 years ago

Hi there 👋, this is an automated message. To help Clarity keep track of discussions, we automatically lock closed issues after 14 days. Please look for another open issue or open a new issue with updated details and reference this one as necessary.