# detailCellRenderer

상세 패널의 내용을 text·html·vnode 계약으로 만듭니다. 선언형 하위 Grid보다 우선합니다.

Canonical: https://grid.syidax.com/ko/docs/options/detailCellRenderer/

<a id="meaning"></a>

## 무엇을 하는 API인가요

상세 패널의 내용을 text·html·vnode 계약으로 만듭니다. 선언형 하위 Grid보다 우선합니다.

Pro 기능 관련 API: Built-in master / detail

<a id="contract"></a>

## 입력과 결과의 정확한 타입

```typescript
detailCellRenderer: (params: { row: Record<string, unknown>; rowId: string | number }) => CellRenderOutput
```

| 항목 | 값 |
| --- | --- |
| JavaScript 이름 | detailCellRenderer |
| HTML 속성 | detail-cell-renderer |
| 기본값 | undefined |
| 입력 타입 | (params: { row: Record<string, unknown>; rowId: string \| number }) => CellRenderOutput |

<a id="usage"></a>

## 사용 흐름

이 항목은 Grid 요소의 프로퍼티에 설정합니다. 배열·객체·콜백 함수는 JavaScript로 전달하고, 변경을 반영할 때 새 배열이나 객체를 사용하세요.

<a id="types"></a>

## 관련 타입 읽기

- [CellRenderOutput](https://grid.syidax.com/ko/docs/types/CellRenderOutput.md)

<a id="recipes"></a>

## 기능별 설명과 예제

- [행 상세](https://grid.syidax.com/ko/docs/features/master-detail.md) — 마스터·상세는 주문 목록에서 한 주문의 품목이나 배송 이력을 펼쳐 보는 구성입니다. 상위 행은 요약이고 그 아래 전체 폭의 패널이 상세 내용을 담습니다.