Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
When using [columnMode]="'flex'" table header is not matching columms.
See original GitHub issueI’m submitting a … (check one with “x”)
[x ] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here
Current behavior There is no way column width to be as it’s content size ?
- When using [columnMode]=“‘flex’” table header is not matching columms.
- [canAutoResize] - is not working or breaks table width. [canAutoResize]=“false” and [maxWidth]=“40” breaks header matching oclumns… and so on
Expected behavior
Reproduction of the problem
What is the motivation / use case for changing the behavior?
Please tell us about your environment:
- Table version: 0.6.3
- Angular version: 2.4.8
- Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
- Language: [all | TypeScript X.X | ES6/7 | ES5]
Issue Analytics
- State:
- Created 7 years ago
- Reactions:1
- Comments:10
Top Results From Across the Web
Flex table header respecting width of the content
I would like the first column with the "X" content to shrink to the width of the content inside it but without hard...
Read more >Column Header not aligned with column data ...
Hi, I was struggling with same issue and after reading many post here is how problem was "fixed". - Add into CSS .scrollStyle...
Read more >table-layout - CSS: Cascading Style Sheets - MDN Web Docs
The table-layout CSS property sets the algorithm used to lay out cells, rows, and columns.
Read more >Chapter 6 Layout | Using the flextable R package
Use set_header_labels() to replace labels of the bottom row of header. ... Variable col_keys define key values to match with flextable column keys...
Read more >Video: Resize table rows and columns - Microsoft Support
Try it! Adjust row and column size in tables when you need to fit text, make all rows or columns a uniform size,...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Adding
public flex:any; public auto:any;to component solves AoT issue.It works when flex is mentioned without quotes (') but then it’s not passing AoT compiling.