question-mark
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 columnMode is 'flex' column width cannot be adjusted.

See original GitHub issue

I’m submitting a …

[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 When setting a ngx-datatable to [columnMode]=“‘flex’” the table headers are still draggable (for resizing columns) however the table itself does not change in size.

Expected behavior I’d expect either the column headers to not be draggable when columnMode is flex or I’d expect the columns to re-adjust in size when column headers are dragged.

Reproduction of the problem The demo for Column>Flex at http://swimlane.github.io/ngx-datatable/ reproduces this issue.

What is the motivation / use case for changing the behavior? I’d say the current way it works is not expected behaviour.

Please tell us about your environment: OSX 10.11.6

  • Table version: 6.3.0

  • Angular version: 2.4.6

  • Browser: Chrome Version 56.0.2924.87, Safari Version 10.0.2

  • Language: Typescript 2.1.0

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:12
  • Comments:16 (1 by maintainers)

github_iconTop GitHub Comments

17reactions
daviddutchcommented, Nov 3, 2017

It seems like you need to define flexGrow for it to work. See the demo: https://github.com/swimlane/ngx-datatable/blob/master/demo/columns/column-flex.component.ts

10reactions
spaxcellcommented, Aug 21, 2017

ok, this is still broken though. image

Read more comments on GitHub >

github_iconTop Results From Across the Web

When flexbox items wrap in column mode, container does not ...
Just a sidenote, but there's a bug in Chrome that causes a container with it's flow set to column wrap not to expand...
Read more >
When Column Mode Is 'Flex' Column Width Cannot Be Adjusted
Is there any way to divide the site into a 3 column layout using any of <div class"colsm4" style"backgroundcolor:lavenderblush;">.colsm4</div> check this link : ......
Read more >
Adjust column widths on a page - Microsoft Support
On the Page Layout or Layout tab, click Columns. · In the Columns dialog box, adjust the settings under Width and spacing to...
Read more >
When flexbox items wrap in column mode, container does not ...
tasks ). This inner list is vertical and should wrap into columns when needed. When wrapping into more columns, its width should increase...
Read more >
Controlling ratios of flex items along the main axis - CSS
The main axis would then be the column, and you would then need to ... If flex-basis is set to auto then to...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found