Numeric

• Default template and specific properties
• Suggested Links

Use number type to display decimal values. Here are some specific properties:

<q-grid>
   <q-grid-columns>
      <q-grid-column type="number" key="numberOfFriends">
      </q-grid-column>
   </q-grid-columns>
</q-grid>

Default template and specific properties

• Use format property to transform a number into a string, formatted according to locale rules that determine group sizing and separator, decimal-point character, and other locale-specific configurations.

<q-grid>
   <q-grid-columns>
      <q-grid-column type="number">
         <ng-template for="body" let-$cell>	
           {{$cell.label | qGridNumber: $cell.column.format}}
         </ng-template>
      </q-grid-column>
   </q-grid-columns>
</q-grid>

Suggested Links

• Angular decimal pipe