PDA

View Full Version : How to spread columns in a table?



Maxim Troitsky
20 Mar 2015, 7:36 AM
Code Fiddle: https://fiddle.sencha.com/#fiddle/k0k
Result view: http://joxi.ru/L21J9jbHgaBdAX

There are four main columns. "Machine" and three next. Future data in "Machine" is very important and it should not clipped. Need to compress width of columns after "Machine" to maximum value, then need to set all new free space to a width of "Machine" column. The table is responsive. Parent the table can has width from 600 to 1200px for example.

How can do it? How to compress some columns to width their titles width and give a new all free space to the first column?

ExtJS 4.2.1.883

Gary Schlosberg
24 Mar 2015, 12:44 PM
You'd probably need to set a fixed width for the three right columns (e.g. 150px each) allowing the left one to expand with the table.