search

Megabit / Blazorise

Blazorise is a component library built on top of Blazor with support for CSS frameworks like Bootstrap, Tailwind, Bulma, AntDesign, and Material.
https://blazorise.com/
Other
3.25k stars 526 forks source link

DataGrid: Resizable not working on smaller resolution #2372

Open d-oit opened 3 years ago

d-oit commented 3 years ago

Demo application for: Blazorise v0.9.3 https://bootstrapdemo.blazorise.com/tests/datagrid

As soon as the horizantial scrrollbar appears you can't resize any column. The resizer appears but nothing happens.

image

David-Moreira commented 3 years ago

ahh, does not work well with horizontal overflow.. I might take a look. :X

David-Moreira commented 3 years ago

Ah this one might take a while. The table auto calculates every cell's width and ignores the width we are setting on each column, once an overflow-x is set.

Current relevant research: https://stackoverflow.com/questions/13073379/html-table-ignoring-element-style-width

However, for now a potential solution is to increase the content inside the cell (for example a wrapper div or even a dummy one with the current expected width), that obligates it to grow to accomodate the content.

I also saw Table-Layout: Fixed which makes it oblige to the given dimensions, but not actually have the browser engine auto-calc the dimensions: http://www.guriddo.net/demo/treegridjs/ https://blazor.radzen.com/datagrid