# 행 번호 표시 

## Content

테이블 시트는 워크시트에 표시되는 행 번호와 유사한 독립적인 행 머리글에 행 번호를 표시합니다. 기본적으로 행 번호 머리글은 숨겨져 있습니다.
표시하려면 [ITableSheetOptions ](/spreadjs/api/v19/interfaces/GC.Spread.Sheets.TableSheet.ITableSheetOptions)인터페이스의 `showRowNumber` 속성을 `true`로 설정합니다.

```javascript
// 행 번호 머리글 표시 
tableSheet.options.showRowNumber = true;

// 행 번호 머리글 숨김
tableSheet.options.showRowNumber = false;
```

### 기능 및 동작

행 번호 머리글은 다음 테이블 시트 작업과 함께 작동합니다:
**고정된 행**
행 번호 머리글은 [고정된 행](/spreadjs/docs/v19/features/tablesheet/tablesheet-operations/tablesheet-pin-unpin) 및 사용자 지정된 행 작업의 첨부와 원활하게 통합됩니다.
![image](https://cdn.mescius.io/document-site-files/images/ef9b66d1-0ae2-4e94-b8cb-f9f893aacc8d/ShowRowNumber-PinRow.f2c211.png)

**그룹화된 행**
[그룹화](/spreadjs/docs/v19/features/tablesheet/tablesheet-operations/tablesheet-grouping) 기능을 사용할 때, 행 번호 머리글은 다음과 같이 동작합니다:

* **확장된 그룹**: 확장된 그룹 내의 모든 행에 대해 행 번호가 정상적으로 표시됩니다.
    ![image](https://cdn.mescius.io/document-site-files/images/ef9b66d1-0ae2-4e94-b8cb-f9f893aacc8d/ShowRowNumber-ExpandedGroup.c26ad5.png)
<br>
* **축소된 그룹**: 축소된 그룹 내의 행에는 행 번호가 표시되지 않습니다.
    ![image](https://cdn.mescius.io/document-site-files/images/ef9b66d1-0ae2-4e94-b8cb-f9f893aacc8d/ShowRowNumber-CollapsedGroup.1c7d52.png)
<br>

**필터링된 행**
행이 [필터링될 경우](/spreadjs/docs/v19/features/tablesheet/tablesheet-operations/tablesheet-sort-filter)에도, 행 번호 머리글은 연속적인 번호를 유지합니다.
다음 이미지는 2019년의 행을 필터링한 후 행 번호 머리글이 표시되는 예를 보여줍니다.
![image](https://cdn.mescius.io/document-site-files/images/ef9b66d1-0ae2-4e94-b8cb-f9f893aacc8d/showRowNumber-Filter.fed41e.png)
**정렬된 행**
필터링과 유사하게, [행이 정렬](/spreadjs/docs/v19/features/tablesheet/tablesheet-operations/tablesheet-sort-filter)되면 행 번호 머리글은 새로운 행 순서에 따라 연속된 번호를 표시합니다.
![image](https://cdn.mescius.io/document-site-files/images/ef9b66d1-0ae2-4e94-b8cb-f9f893aacc8d/showRowNumber-SortRows.ce78ef.png)

**계층형 행**
[계층적 데이터 구조](/spreadjs/docs/v19/features/tablesheet/hierarchy-data)의 경우, 행 번호 머리글은 다음과 같이 동작합니다:

* **계층 수준이 확장됨**: 모든 보이는 행에 대해 행 번호가 표시됩니다.
<br>
    <br>
    ![image](https://cdn.mescius.io/document-site-files/images/ef9b66d1-0ae2-4e94-b8cb-f9f893aacc8d/ShowRowNumber-ExpandedHierarchy.69e33d.png)
<br>
* **계층 수준이 축소됨**: 축소된 계층 수준 내의 행에는 행 번호가 표시되지 않습니다.
<br>
    ![image](https://cdn.mescius.io/document-site-files/images/ef9b66d1-0ae2-4e94-b8cb-f9f893aacc8d/ShowRowNumber-CollapsedHierarchy.57148d.png)
<br>

## SpreadJS 디자이너 사용하기

SpreadJS 디자이너의 테이블 시트에서도 행 번호 머리글의 표시 여부를 전환할 수 있습니다.
테이블 시트 디자인(Table Sheet Design)탭에서 제공되는 **행 번호 보기(Show Row Number)** 옵션을 체크/해제하여 `showRowNumber` 속성을 활성화/비활성화할 수 있습니다.
![image](https://cdn.mescius.io/document-site-files/images/ef9b66d1-0ae2-4e94-b8cb-f9f893aacc8d/showRowNumber-TableSheet.a2acb7.gif)