시퀀스 열

StkTableColumn['type'] 을 seq 로 설정하여 컴포넌트의 내장 시퀀스 열을 사용할 수 있습니다.

TIP

시퀀스 열은 정렬의 영향을 받지 않으며, props.data-source 배열의 인덱스를 기반으로 표시됩니다.

const columns: StkTableColumn<any>[] = [
    { type: 'seq', width: 50, dataIndex: '', title: '시퀀스' }, 
    { title: '이름', dataIndex: 'name', sorter: true },
    { title: '나이', dataIndex: 'age', sorter: true },
    { title: '주소', dataIndex: 'address', sorter: true },
    { title: '성별', dataIndex: 'gender', sorter: true },
];

여기서 seq 열의 dataIndex 가 비어 있는 것을 볼 수 있습니다. dataIndex 는 값 추출 필드로 사용될 뿐만 아니라 v-for 렌더링의 key 로도 사용되는데, 시퀀스 열은 key 가 필요 없기 때문에 비워 둡니다. 중복하지 않도록 주의하세요.

사용자 정의 시퀀스

props.seqConfig.startIndex 를 구성하여 시퀀스 시작 값을 지정할 수 있습니다.

페이지네이션 상황에서 유용합니다.

시퀀스 열 ​

사용자 정의 시퀀스 ​

시퀀스 열

사용자 정의 시퀀스