Text

• Default template and specific properties
• How to fit text to column width?

This is a basic data column type that is responsible for handling textual values.

<q-grid>
   <q-grid-columns>
      <q-grid-column type="text" key="lastName">
      </q-grid-column>
   </q-grid-columns>
</q-grid>

Default template and specific properties

• Add editor="text-area" to the q-grid column to display multi-line text in the cell.

<q-grid>
   <q-grid-columns>
      <q-grid-column type="text">
         <ng-template for="body" let-$cell>	
           {{$cell.label}}
         </ng-template>
      </q-grid-column>
   </q-grid-columns>
</q-grid>

How to fit text to column width?

Often cells contain text that is not fit to default column width by setting up viewWidth column will expand the width of focus.

<q-grid>
   <q-grid-columns>
      <q-grid-column type="text" [viewWidth]="300">
      </q-grid-column>
</q-grid>