lightning-datatable 체크박스 칼럼 제거 ( lightning-datatable Remove checkbox column )

 

 

1. <lightning-datatable>?

LWC의 DataTable 구성 요소는 Salesforce에서 표 형식으로 데이터를 표시하고 상호 작용하는 데 필수적인 도구

 

---

 

2. hide-checkbox-column

• hide-checkbox-column="true" - 체크박스 안나오게 설정

<div style="height: 300px;">
        <lightning-datatable
                key-field="id"
                data={data}
                columns={columns}
                hide-checkbox-column="true"
        >
        </lightning-datatable>
</div>

 

---

3. 화면 확인

 

---

4. lightning-datatable 추가 설정 

<lightning-datatable

• column-widths-mode="auto"          - 열 너비 자동 지정
• hide-checkbox-column="true"        - 체크박스 안나오게 설정
• onrowaction={handleRowAction}   - 행마다 발생하는 action 감지
• sorted-by={sortBy}                         - 정렬 관련 설정
• sorted-direction={sortDirection}     - 정렬 관련 설정
• onsort={doSorting}                        - 정렬 관련 설정

>

<lightning-datatable
            key-field="id"
            data={data}
            columns={columns}
            column-widths-mode="auto"            // 열 너비 자동 지정
            hide-checkbox-column="true"          // 체크박스 안나오게 설정
            onrowaction={handleRowAction}        // 행마다 발생하는 action 감지
            sorted-by={sortBy}                   // 정렬 관련 설정
            sorted-direction={sortDirection}
            onsort={doSorting}
    >
    </lightning-datatable>
</div>