Resizing Column

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

Column width based on size

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

  • html
  • <template>
      <div>
        <ej-pivot-grid e-enable-column-resizing="true">
        </ej-pivot-grid>
      </div>
    </template>

    Column width based on text

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

  • html
  • <template>
      <div>
        <ej-pivot-grid e-resize-columns-to-fit="true">
        </ej-pivot-grid>
      </div>
    </template>