configuration for korean

설정 (Configuration)

PlutoGrid 를 생성 할 때 configuration 속성에 PlutoConfiguration 을 전달하여 설정을 변경 할 수 있습니다.

var grid = PlutoGrid(
  columns: myData.columns,
  rows: myData.rows,
  configuration: PlutoConfiguration(
    enableColumnBorder: true,
    // ...
  ),
);

추가 할 수 있는 속성 목록

속성 명	설명
enableColumnBorder	Column 과 Column 사이에 세로줄을 활성화 합니다.
gridBackgroundColor	그리드 배경에 색을 설정 합니다.
gridBorderColor	그리드 경계선에 색을 설정 합니다.
activatedColor	현재 활성화 된 셀, 행 또는 체크박스 등의 배경에 색을 설정 합니다.
activatedBorderColor	현재 활성화 된 셀, 행 또는 체크박스 등의 경계선에 색을 설정 합니다.
checkedColor	선택 된 행의 배경에 색을 설정 합니다.
borderColor	활성화 되지 않은 행 또는 셀의 경계선에 색을 설정 합니다.
cellColorInEditState	편집 상태 셀의 배경에 색을 설정 합니다.
cellColorInReadOnlyState	읽기 전용 상태인 셀의 배경에 색을 설정 합니다.
columnTextStyle	Column 의 텍스트 스타일을 설정 합니다.
cellTextStyle	셀의 텍스트 스타일을 설정 합니다.
iconColor	그리드에서 사용 되는 아이콘의 색을 설정 합니다. (Column 메뉴, 팝업 타입의 셀 우측의 아이콘 등)
iconSize	그리드에서 사용 되는 아이콘의 크기를 설정 합니다.
menuBackgroundColor	Column 메뉴의 팝업 등의 배경에 색을 설정 합니다.
rowHeight	행의 높이를 설정 합니다.
enableMoveDownAfterSelecting	선택 팝업(날짜, 시간, 선택 Column)에서 값을 선택 후 아래 행으로 자동 이동 합니다.
enterKeyAction	엔터키의 동작을 설정 합니다.
localeText	그리드 내의 텍스트를 설정 합니다.
scrollbarConfig	스크롤 바의 설정을 설정 합니다.
columnFilters	Column 에 필터를 설정 합니다.

상세 설명

columnFilters

columnFilters 속성에 배열로 필터를 전달 할 수 있습니다.

class YourCustomFilter implements PlutoFilterType {
  @override
  get compare => (dynamic base, dynamic search) =>
      base.toString().contains(search.toString());

  @override
  String get title => 'Custom filter';
}

var grid = PlutoGrid(
  columns: myData.columns,
  rows: myData.rows,
  configuration: PlutoConfiguration(
    columnFilters: [
      // Basic column filter
      PlutoFilterTypeContains(),
      PlutoFilterTypeEquals(),
      PlutoFilterTypeStartsWith(),
      PlutoFilterTypeEndsWith(),
      // Custom filter
      YourCustomFilter(),
      // ...
    ],
    // ...
  ),
);