Angular DataGrid - SummaryTotalItem

Specifies items of the total summary.

import { DxDataGridTypes } from "devextreme-angular/ui/data-grid"

alignment

Specifies the alignment of a summary item.

Type:

HorizontalAlignment

| undefined
Default Value: undefined

column

Specifies the column that provides data for a summary item.

Type:

String

| undefined
Default Value: undefined

cssClass

Specifies a CSS class to be applied to a summary item.

Type:

String

| undefined
Default Value: undefined

customizeText

Customizes the text to be displayed in the summary item.

Type:

Function

Function parameters:
itemInfo:

Object

The summary item's data.

Object structure:
Name Type Description
value

String

|

Number

|

Date

The summary item's value as it was calculated.
valueText

String

The summary item's formatted value.
Return Value:

String

The text for the summary item to display.

displayFormat

Specifies the summary item's text.

Type:

String

| undefined
Default Value: undefined

name

Specifies the total summary item's identifier.

Type:

String

| undefined
Default Value: undefined

showInColumn

Specifies the column that must hold the summary item.

Type:

String

| undefined
Default Value: undefined

skipEmptyValues

Type:

Boolean

summaryType

Specifies how to aggregate data for the total summary item.

Type:

SummaryType

|

String

| undefined
Default Value: undefined

valueFormat

Specifies a summary item value's display format.

Type:

Format

| undefined
Default Value: undefined