콘텐츠로 이동
Data TableAPI Reference

버튼·진행률 컴포넌트

comins-table@0.2.2React

셀·헤더의 동작 버튼과 읽기 전용 진행률 표시입니다. 공통 payload·배치는 컴포넌트 구성에서 확인합니다.

입력·버튼·진행률 실행 예제

type: "button";

필수 button입니다. HTML button의 type은 props.type으로 별도 지정합니다.

props?: CominsTableComponentProps<TPayload, React.ButtonHTMLAttributes<HTMLButtonElement>>;

button 속성/ resolver입니다. HTML type 기본값은 button. children·disabled·aria-label을 지정할 수 있습니다.

onClick?: (payload: TPayload & {
event: React.MouseEvent<HTMLButtonElement>;
}) => void;

기본 콜백 없음. props.onClick 이후 payload와 React MouseEvent를 전달합니다. 원본 데이터를 자동 변경하지 않습니다.

type: "progress";

필수 progress입니다.

props?: CominsTableComponentProps<TPayload, React.HTMLAttributes<HTMLDivElement> & {
max?: number;
value?: number;
}>;

div 속성에 value/max를 더합니다. 기본 value 0, max 100이며 max는 최소 1, 표시 비율은 0~100%로 제한합니다. 변경 이벤트는 없습니다.