Devexpress GridControl에서 셀 값에 따라 스타일 변경

Cell Style

cell style 프로퍼티를 이용한 설정 방법

<dxg:TableView>
    <dxg:TableView.CellStyle>
        <Style TargetType="dxg:LightweightCellEditor">
            <Setter Property="Background">
                <Setter.Value>
                    <Binding Path="Value" Converter="{StaticResource CellBackgroundConverter}"/>
                </Setter.Value>
            </Setter>
        </Style>
    </dxg:TableView.CellStyle>
</dxg:TableView>

TableView의 CellStyle 프로퍼티에 Style 태그를 정의한다.

Style의 Target은 최적화 모드를 사용하는 경우엔 LightweightCellEditor로 사용하지 않는 경우 CellContentPresenter로 지정한다.

나머지는 일반적인 Style일 정의와 같다. 위의 코드에선 Binding에 Path를 Value로 지정했는데, 이는 해당 열의 데이터를 가져오겠다는 뜻이다. 가져온 값을 Converter에 넣고 반환된 값을 Background에 할당한다.

Converter는 아래와 같이 작성했다.

public class CellBackgroundConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is string cellValue && cellValue.StartsWith("tomato"))
        {
            return new SolidColorBrush(Colors.Tomato);
        }
        return new SolidColorBrush(Colors.Transparent);
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

이 Converter는 셀의 값이 "tomato"로 시작하면 Colors.Tomato를 반환한다.

위 TableView에서 셀 값이 tomato로 시작하면 배경색이 tomato가 된다.

Conditional Formatting

Devexpress의 Cellstyle 문서에 가면 cellstyle보다 conditional formatting이 성능이 좋으므로 이걸 사용하라고 한다. 하지만 conditional formatting은 AutoGenerateColumns로 생성된 열에 자동으로 적용하거나 여러 열에 일괄적으로 적용할 수 없기 떄문에 특정 열에 대해서 스타일을 바꿀 때 유용하다.

<dxg:TableView.FormatConditions>
   <dxg:FormatCondition ValueRule="Greater" Value1="100" FieldName="Count" PredefinedFormatName="LightRedFillWithDarkRedText" />
</dxg:TableView.FormatConditions>

코드도 cellstyle보다 더 간결하다. Converter도 필요없다.

ValueRule로 어떤 조건을 적용시킬 건지 지정하고

Value1로 비교 대상을 지정하고

FieldName은 적용 시킬 열

ProdefinedFormatName은 해당하는 셀에 적용할 스타일이며 이름에서 알 수 있다시피 스타일들은 사전에 프리셋을 만들어두고 사용이 가능하다.

나도 Conditional Formatting이 코드도 더 간결하고 성능이 좋다길래 사용해 보려했지만 앞서 말한 제약조건 때문에 cellstyle을 사용했다. 나중에 개선해줬으면 좋겠다.

참고: Cell Style, Conditional Formatting, how to apply conditional formatting to multiple columns