AngularJS UI-Grid: dynamical column width calculation

Question

I am using AngularJS UI-Grid (latest version) to display datasets with different columns count and column names and data itself (CSV files uploaded by users), and I can't make columns to render with proper width - typically that files have more than 20-30 columns, and columns appears too narrow. I can make fixed width for all columns, but I want width depends from data.

Adding ui-grid-auto-resize directive don't gives much.

With width: "*" only 15 columns are rendered, and horizontal scroll is disappears

stackoverflow.com/questions/22161396/…

Pratik Bhat
– Pratik Bhat

2016-05-31 20:02:57 +00:00
Commented May 31, 2016 at 20:02 — Pratik Bhat
– Pratik Bhat, Commented May 31, 2016 at 20:02

Rani Radcliff · Accepted Answer · 2016-06-07 17:37:51Z

0

Try using width: "*" in your columnDefs

answered Jun 7, 2016 at 17:37

Rani Radcliff

5,0965 gold badges39 silver badges64 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

svfat Over a year ago

With width: "*" only 15 columns are rendered, and horizontal scroll is disappears

Rani Radcliff Over a year ago

Try making a Plunker for your actual code. That may help others troubleshoot it.

Collectives™ on Stack Overflow

AngularJS UI-Grid: dynamical column width calculation

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related