새로운 SpreadJS v15 릴리스가 출시되었다는 반가운 소식을 전해 드립니다! 스프레드시트 개발을 가속화하는 데 도움이 될 고객이 요청한 새로운 기능을 추가했습니다. 자세히 알아보려면 계속 읽어보세요.

TableSheet 및 데이터 관리자

SpreadJS v15에 추가된 기능 중 가장 중요한 것 두 가지는 TableSheet 및 데이터 관리자입니다. SpreadJS TableSheet는 새로운 유형의 시트 컴포넌트로서, 기존의 500+ 함수 SpreadJS 계산 엔진도 최대한 이용할 수 있는 매우 강력한 데이터 테이블입니다.

이 빠른 데이터 바인딩 테이블 보기에는 정렬, 필터링, 기타 여러 데이터 관리 기능을 매우 빠르게 만드는 관계형 데이터 관리자가 포함되어 있습니다.

새로운 기능에 대해 자세히 알아보려면 여기에서 전용 TableSheet 및 데이터 관리자를 확인하십시오.

PivotTable의 향상된 기능

슬라이서

새 슬라이서 기능을 사용하여 클릭 한 번으로 PivotTable을 필터링할 수 있습니다. 친숙한 인터페이스를 사용하여 여러 개의 PivotTable을 연결하고 행과 열 필드의 필터 상태를 관리하는 방법으로 집계 대상을 필터링할 수 있습니다.

GETPIVOTDATA Spill 지원

PivotTable에서 표시된 데이터를 반환하는 GETPIVOTDATA 함수는 이제 Spill을 지원합니다. 이는 결과가 여러 셀을 채울 수 있음을 의미합니다. 그것이 가능하도록 하려면 allowDynamicArray 속성을 true로 설정해야 합니다.

계산된 항목

PivotTable은 이제 PivotTable 내 다른 필드에 대한 참조 또는 상수를 이용하여 행 또는 열 필드 영역에 추가할 수 있는 계산된 항목을 지원합니다. 계산된 항목은 수식을 사용하여 원본 데이터에 존재하지 않는 새 값을 계산합니다(예: 사무용품 PivotTable에서 미처리된 총주문 수 계산).

pivotTable.addCalcItem("OrderStatus", "Outstanding Orders","=OrderStatus[Canceled] + OrderStatus[Backorder] + OrderStatus[Pending]");
pivotTable.addCalcItem("OrderStatus", "Total Order", "=OrderStatus['Outstanding Orders'] + OrderStatus[Shipped]");
pivotTable.addCalcItem("OrderStatus", "Order Proportion", "=OrderStatus['Outstanding Orders']/OrderStatus['Total Order']");

날짜-날짜 필터

데이터 형식 필터는 PivotTable에서 이미 지원되지만, v15 릴리스에서는 다음을 비롯하여 기본 제공되는 날짜-날짜 필터를 추가했습니다.

• 분기 누계 현재 분기 시작일부터 현재 날짜까지의 기간
• 월간 누계 현재 달력 월의 시작일부터 현재 날짜까지의 기간
• 연간 누계 현재 연도의 시작일부터 현재 날짜까지의 기간

ShowHeaders

이제 행 또는 열 방향으로 필드 이름에 해당하는 헤더를 PivotTable에서 숨기거나 표시할 수 있습니다. 기본적으로 showHeaders 속성은 true입니다.

ToJSON Ignore Style

PivotTable을 위해 표시된 데이터를 가져올 수 있으며, 이때 toJSON 및 fromJSON 메서드의 새 ignoreStyle 매개 변수가 적용됩니다. 그런 경우에는 피벗 캐시와 PivotTable이 삭제되고 값만 가져옵니다.

사용자 정의 서식 필드 설정

PivotTable을 마우스 오른쪽 버튼으로 클릭하여 값 필드의 설정을 변경할 수 있습니다. 이러한 필드의 값을 서식 지정할 수 있는 대화 상자가 새로 추가되었습니다.

필터 대화 상자 검색 상자 지원

SpreadJS PivotTable은 이제 필터 대화 상자에 검색 상자를 지원하므로 필터를 적용하기가 더 편리해졌습니다.

통합 문서 기능 향상

컨텍스트 메뉴 스크롤

페이지의 SpreadJS 인스턴스가 컨텍스트 메뉴를 표시하기에 충분히 크지 않은 경우가 있습니다. 컨텍스트 메뉴를 계속 이용할 수 있도록 위쪽 및 아래쪽 표시기를 사용하여 위아래로 스크롤할 수 있는 기능을 추가했습니다.

선택 영역 가운데 정렬

v15에서는 셀 가운데 맞춤이 훨씬 쉬워졌습니다. 이제는 다양한 셀을 선택하고 텍스트가 전체 선택 항목의 중앙에 정렬되도록 맞출 수 있습니다.

DragFill용 InvalidOperation 이벤트

끌어서 채우기가 포함된 유효하지 않은 연산이 수행되는 경우 InvalidOperation 이벤트가 발생됩니다.

Ex> 병합된 범위로 끌어서 채우기

셀 서식 지정을 위한 색상 색인 서식

셀 서식 지정은 이제 1에서 56까지의 색상 색인 형식으로 색상 색인을 서식 지정할 수 있는 기능을 지원합니다. 예를 들어 이 포맷터를 설정하면 다음과 같은 색상이 시트에 표시됩니다.

activeSheet.getRange(2,2,1,6).formatter("[color44][<300]0.0;[color3][>400]0.0;[color45]0.0")
activeSheet.getCell(2,2).value(100);
activeSheet.getCell(2,3).value(200);
activeSheet.getCell(2,4).value(300);
activeSheet.getCell(2,5).value(400);
activeSheet.getCell(2,6).value(500);
activeSheet.getCell(2,7).value(600);

명명된 스타일 적용 플래그

적용 플래그가 명명된 스타일에 추가되어 명명된 스타일이 다음과 같이 다양한 속성에 미치는 영향을 처리할 수 있게 되었습니다.

• 숫자 형식
• 글꼴
• 채우기
• 테두리
• 맞춤
• 보호

페이지별 헤더/푸터 옵션

통합 문서 및 워크시트의 상단 또는 하단에 인쇄되는 헤더와 푸터를 사용자 정의하고 적용 시점도 지정할 수 있습니다.

• 기본: 모든 페이지에 헤더 또는 푸터 적용
• 첫 번째: 첫 페이지에만 헤더 또는 푸터 적용
• 홀수 및 짝수: 홀수 페이지 또는 짝수 페이지에만 헤더 또는 푸터 적용

필터 상자의 확장 아웃 라인 날짜 표시

필터 내에 날짜가 있는 경우 확장 아웃 라인에 배치하여 날짜별 필터링을 더 쉽게 만들 수 있습니다.

"+" 및 "-"를 사용하여 수식 입력

Excel에 적용할 수 있도록, 이제 SpreadJS v15에서는 "=" 외에도 "+" 또는 "-"를 사용하여 셀에 수식을 입력할 수 있습니다.

행 및 열 상태

SpreadJS는 이제 조건부 서식 지정에 도움이 되는 행 및 열 상태를 지원합니다. 다음과 같은 상태가 포함됩니다.

• 편집
• 마우스 오버
• 활성
• 선택됨
• 업데이트됨
• 삽입됨
• 더티
• 잘못됨

어떤 상태에서든 값이 특정 범위 이하인 경우 전체 행을 빨간색으로 강조하는 등과 같이 행과 열의 상태 내에서 조건이 만족되는 경우에만 적용되는 addRowStateRule 또는 addColumnStateRule을 통해 특정 조건부 서식을 적용할 수 있습니다.

새로운 계산 엔진 함수

LAMBDA

SpreadJS v15는 이제 Excel LAMBDA 함수를 지원하므로, 다른 함수의 경우와 같이 호출할 수 있는 사용자 정의 가능한 재사용 함수를 생성하고 이름을 지정할 수 있습니다. LAMBDA를 사용하여 정의한 사용자 정의 함수는 표준 Excel 수식 언어를 사용합니다.

이러한 사용자 정의 함수는 SpreadJS의 사용자 정의 함수 기능으로만 한정되지 않으므로 이러한 사용자 정의 함수를 Excel 파일에 저장하거나 아무 문제없이 내보낼 수도 있습니다.

ASC

새로운 ASC 함수는 전각 문자 또는 더블바이트 문자를 반자 또는 싱글바이트 문자로 변환합니다. 본질적으로 전각 문자 기호, 문자 또는 가타카나는 ASC 함수를 사용하여 반각 문자로 변환할 수 있습니다.

ASC("デパート")는 ﾃﾞﾊﾟーﾄ를 반환합니다.

DBCS

새로운 DBCS 함수는 ASC 함수와 반대되는 것으로, 반각 문자 또는 싱글바이트 문자를 전각 문자 또는 더블바이트 문자로 변환합니다. 이것은 ASC 함수와 마찬가지로 숫자, 날짜, 문자열, 부울 등의 텍스트를 지원합니다.

DBCS("SpreadJS")는 ＳｐｒｅａｄＪＳ를 반환합니다.

JIS

JIS 함수는 DBCS 함수와 똑같지만 일본어와 독일어 문자에만 사용되며 반각 문자를 전각 문자로 변환합니다.

JIS("ﾃﾞﾊﾟﾄ")는 デパト를 반환합니다.

디자이너 컴포넌트의 향상된 기능

또한 여러 가지 향상된 기능을 디자이너 컴포넌트에 추가했으므로, 사용자는 이러한 추가 기능을 사용하여 훨씬 향상된 경험을 할 수 있습니다.

인쇄

디자이너는 이제 페이지 설정 대화 상자에서 인쇄할 수 있는 기능을 지원합니다. 이 대화 상자에는 페이지, 여백, 헤더/푸터 및 시트 탭이 포함되며, 다양하고 친숙한 옵션을 활용하여 SpreadJS 통합 문서를 인쇄할 수 있습니다.

텍스트를 열로 변환

셀에서 구분 기호로 분리된 텍스트를 여러 열에 걸친 텍스트로 변환할 수 있습니다. 구분 기호로 텍스트를 분할하는 방법입니다. SpreadJS 디자이너에 새로 추가된 이 기능에는 텍스트 변환을 보조하는 마법사 창이 포함되어 있습니다.

중복 제거

새로운 중복 제거 옵션을 사용하여 중복된 데이터를 더 빠르게 자동으로 제거할 수 있습니다. 이 기능은 선택한 셀 범위에서 처음 발생한 값만 유지하고 다른 동일한 값은 삭제합니다.

시트 탭 위치 변경

SpreadJS 디자이너의 시트 탭 스트립의 위치를 간단한 컨텍스트 메뉴 항목을 사용하여 변경할 수 있습니다.

이름 관리자 대화 상자 필터

통합 문서 안에 많은 사용자 정의 이름이 정의되어 있을 수 있으므로 검색을 보조하기 위해 이름 관리자 대화 상자에 새 필터를 추가했습니다.

Ctrl + F 지원

찾기 및 바꾸기 대화 상자와 기능은 SpreadJS 디자이너에 이미 있지만, v15에서는 "Ctrl+F"를 사용하여 이 대화 상자를 빨리 여는 기능을 추가했습니다.

차트의 향상된 기능

데이터 요소 스타일 사용자 정의

차트의 데이터 요소에는 차트를 생성할 때 자동으로 선택되는 색 집합이 미리 정의되어 있습니다. v15에서는 IDataPointStyle 인터페이스를 사용하여 이러한 색과 스타일을 개별적으로 사용자 정의할 수 있습니다.

Angular 13 지원

Vue 및 React와 더불어 Angular 13도 이제 SpreadJS v15에서 지원됩니다.

지금 바로 SpreadJS를 다운로드하여 직접 테스트해보세요!

• SpreadJS 공식 홈페이지
• SpreadJS 튜토리얼 및 샘플
• SpreadJS Q&A
• SpreadJS FAQ