[CSS] Sticky header

Darcy Daeseok YU ·2024년 7월 30일

Again... Reminder for me


export const TableTag = styled.table`
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
`;
export const THead = styled.thead`
  width: 100%;

  background: ${palette.bgBrightWhite};
  position: sticky;
  top: 0;
`;

export const TBody = styled.tbody`
  width: 100%;
`;
export const Th = styled(CommText.withComponent('th'))`
  padding: 16px;
  color: ${palette.gray500};
  font-weight: 600;

  border-width: 1px 0;
  border-color: ${palette.gray200};
  border-style: solid;
`;

export const Td = styled(CommText.withComponent('td'))`
  padding: 12px 16px;
  color: ${palette.gray500};
  border-bottom: 1px solid ${palette.bgGray};
`;
profile
React, React-Native https://darcyu83.netlify.app/

0개의 댓글