Resizing column

9 Mar 20181 minute to read

Allows you to change the column width by holding and dragging the column border using the mouse pointer.

Column width based on size

The e-enableColumnResizing property adjusts the width of each column based on the size of the widget.

  • HTML
  • <div class="e-control">
    	
    	{{ej-pivotgrid id="PivotGrid" e-enableColumnResizing=model.enableColumnResizing }}}
    	
    	</div>
  • JS
  • export default Ember.Route.extend({
            model() {
                return {
                	enableColumnResizing: true
               }
            }
        });

    Column width based on text

    The e-resizeColumnsToFit property automatically adjusts the width of each column based on the maximum content length available in the respective column.

  • HTML
  • <div class="e-control">
    	
    	{{ej-pivotgrid id="PivotGrid" e-resizeColumnsToFit=model.resizeColumnsToFit }}}
    	
    	</div>
  • JS
  • export default Ember.Route.extend({
            model() {
                return {
                	resizeColumnsToFit: true
               }
            }
        });

    )