AntTable (React)의 일부 행에 조건부 테두리 속성을 설정해야합니다. 배경색, 너비, 높이와 같은 다른 속성을 변경할 수 rowClassName있지만 어떻게 든 테두리 스타일이 작동하지 않습니다.
.isFirst {
border-color: #5d3ebc;
border-top: 1px;
background-color: aqua;
}
.isLast {
border-bottom: 40px;
border-color: #5d3ebc;
height: 100px;
}
return (
<AntTable
rowClassName={(record, index) => (record.batchInfos.isFirstIndex ? 'isFirst' : 'isLast')}
data={activeOrders}
columns={columns}
loading={isPending && showLoadingSpinner}
pagination={pagination}
onPaginationChange={handlePaginationChange}
/>
);
border-collapse먼저 테이블 에 제공 해야합니다.
.ant-table table {
border-collapse: collapse;
}
이제 CSS의 속성 border-width과 border-style함께 정의하십시오 border-color.
.isLast {
...
border-bottom-width: 7px;
border-color: #5d3ebc;
border-style: solid;
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다