Hello
I am struggling with WeWeb tables. I am trying to keep the headers and the collection data fixed but I can’t figure this out for the life of me. I am tempted to set fixed px values for the widths but this leads to issues with larger screens/smaller screens. Can someone tell me what I am doing wrong or how can I best set this up?
Hi,
I am having the same issue right now. I am trying to use min-max width for this and also testing with %. I kind got it more or less, but not perfect yet, but so far the min-width has helped me a lot, specially for those columns where the data can have different number of characters.
I’m not sure I have a solution, since it doesn’t address the problem, but I can share how I’ve built my tables and don’t have problems.
rows (where I bind the collection of items) with a row nested below. I have display:grid set on the header and the row
header and row have the same grid defintion. One thing I think I learned is the styles within each need to be the same. For example, I had padding on the col in the row different than the col in the header at first.I totally address this age-old issue with my coded-component. It’s a data table component that allows one to dynamically create columns, actively filter, and so much more. Let me know if you’d like to see a demo and more importantly, let me know if you’re interested in my coded-component bundle.
