Skip to main content

Rating Column

FdcRatingColumn is a Pro column that renders numeric values as editable rating icons. It supports both whole-step and half-step rating workflows.

Rating column sample
Loading FDC sample…
FdcGrid(
  dataSet: featureRows,
  options: const FdcGridOptions(autoEdit: true),
  columns: [
    const FdcTextColumn(fieldName: 'feature', width: 180),
    FdcRatingColumn(
      fieldName: 'ease_of_use',
      width: 132,
      maxRating: 5,
      style: FdcRatingStyle(filledColor: Color(0xFFEAB308)),
    ),
    FdcRatingColumn(
      fieldName: 'satisfaction',
      width: 168,
      maxRating: 5,
      step: FdcRatingStep.half,
      style: FdcRatingStyle(
        filledIcon: Icons.favorite_rounded,
        emptyIcon: Icons.favorite_border_rounded,
        filledColor: Color(0xFFDB2777),
      ),
    ),
    FdcRatingColumn(
      fieldName: 'coverage_score',
      width: 220,
      maxRating: 10,
      style: FdcRatingStyle(
        filledIcon: Icons.circle,
        emptyIcon: Icons.circle_outlined,
        filledColor: Color(0xFF2563EB),
        iconSize: 14,
        spacing: 1.5,
      ),
    ),
  ],
);

Key characteristics​

  • Pro-only column type.
  • Supports FdcRatingStep.whole and FdcRatingStep.half.
  • Uses FdcIntegerField for whole ratings and FdcDecimalField for half-step ratings.
  • Supports maxRating, minRating, and FdcRatingStyle customization.

Example​

FdcRatingColumn(
  fieldName: 'satisfaction',
  maxRating: 5,
  step: FdcRatingStep.half,
)