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

http://stackoverflow.com/questions/22161396/ng-grid-auto-sizing-columns-width/32605748#32605748 — Pratik Bhat, May 31 '16 at 20:02

score 0 · Answer 1 · answered Jun 07 '16 at 17:37

0

Try using width: "*" in your columnDefs

answered Jun 07 '16 at 17:37

Rani Radcliff

4,856
5
33
60

With width: "*" only 15 columns are rendered, and horizontal scroll is disappears – svfat Jun 08 '16 at 18:52
Try making a Plunker for your actual code. That may help others troubleshoot it. – Rani Radcliff Jun 09 '16 at 00:41

AngularJS UI-Grid: dynamical column width calculation

1 Answers1