CSS !important Override

.e-grid .e-headercelldiv {
    text-align: center !important;
}

!important rule overrides that existing property.

Sources:

When Using !important is The Right Choice