> For the complete documentation index, see [llms.txt](https://sjsofttech.gitbook.io/nextjs-framework/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sjsofttech.gitbook.io/nextjs-framework/components-ui/tablecell.md).

# TableCell

<figure><img src="https://3212561211-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FojaIWzOttDuV549cYsPQ%2Fuploads%2FFaQ0pco4LaApJz9cTGb7%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202025-04-02%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%205.17.33.png?alt=media&amp;token=0c261d2d-058d-41a2-8783-bd6bbbba70f3" alt=""><figcaption></figcaption></figure>

### Props

<table><thead><tr><th width="210">Prop</th><th width="164">Type</th><th width="108">Default</th><th>Description</th></tr></thead><tbody><tr><td>type</td><td>'checkbox' | 'title' | 'text' | 'tag' | 'button' | 'iconButton' | 'singleSelect' |  'custom'</td><td>-</td><td>타입</td></tr><tr><td>text</td><td>string</td><td>-</td><td>셀 텍스트</td></tr><tr><td>borderColor</td><td>string</td><td>-</td><td>type이 tag일 경우 tag의 border color</td></tr><tr><td>bgColor</td><td>string</td><td>-</td><td>type이 tag일 경우 tag의 background color</td></tr><tr><td>textColor</td><td>string</td><td>-</td><td>type이 tag일 경우 tag의 text color</td></tr><tr><td>icon</td><td>React.ReactNode</td><td>-</td><td>type이 iconButton일 경우 icon 컴포넌트</td></tr><tr><td>onClick</td><td>function</td><td>-</td><td>type이 button 또는 iconButton일 경우 버튼 클릭 이벤트 핸들러</td></tr><tr><td>children</td><td>React.ReactNode</td><td>-</td><td>커스텀 헤더 컴포넌트 (variant가 dropdown일 경우)</td></tr><tr><td>row</td><td>Row&#x3C;TData></td><td>-</td><td>ColumnDef의 cell props (type이 checkbox일 경우)</td></tr></tbody></table>

### Usage

```typescript
<TableCell
  type={'text'}
  text={'셀 텍스트'}
/>
```