[TanStack Table] 일부 값만 보여주기 : filter 이용

const { data: relData, mutate, isLoading } = useRelUrlList(currentUrlHash, searchParams);

이렇게 relData에 값이 저장된 상황에서,  rep 항목이 true일 땐 테이블에서 제외하고 싶은 상황일 때,

먼저 아래와 같이 filter 를 적용하여 데이터를 분리해준다.

const filteredData = relData?.content.filter((item) => item.rep === false) || [];

 

<CustomTable<IUrlContent>
	data={filteredRelData}
	columns={relColumnDefs}
	isLoading={isLoading}
	pagination={pagination}
	totalElements={filteredRelData.length}
	option={{ pagination: true, manualPagination: true, manualSorting: true }}
/>

그리고 return 안에서 테이블을 보여줄 때, data와 totalElements 부분을 수정해준다. (여기서는 CustomTable을 사용한 상황)