규격 목록 및 이력 조회 시, 첫 번째 줄(배합)의 수치들과 그 아래 줄(단가, 원가)의 수치들이 수직으로 일치하지 않아 가독성이 떨어집니다.
rowspan="3" 구조 내에서 각 셀의 너비가 내용에 따라 유동적으로 변하면서 발생하는 것으로 보입니다.
개선 필요 사항:
표의 각 열(재료별 칼럼) 너비를 고정하거나 table-layout: fixed 등을 사용하여 수직 정렬을 강제해야 합니다.
배합, 단가, 원가가 하나의 열 안에서 정확히 정렬되어 표시되도록 CSS 및 HTML 구조 보정이 필요합니다.
관련 파일: [remicon_cost_app.html](https://gitea.hmac.kr/Hyein/issue-sample/src/branch/master/remicon_cost_app.html)
`remicon_cost_app.html`의 '규격 목록' 및 '배합 이력' 표에서 하나의 데이터 세트를 구성하는 **배합, 단가, 원가** 행들의 열(Column) 위치가 서로 맞지 않는 현상이 발생합니다.
**관련 코드 위치:**
- [규격 목록 렌더링 (renderSpecList)](https://gitea.hmac.kr/Hyein/issue-sample/src/branch/master/remicon_cost_app.html#L1035-L1163)
- [배합 이력 렌더링 (renderHistory)](https://gitea.hmac.kr/Hyein/issue-sample/src/branch/master/remicon_cost_app.html#L1165-L1268)
**현상:**
- 규격 목록 및 이력 조회 시, 첫 번째 줄(배합)의 수치들과 그 아래 줄(단가, 원가)의 수치들이 수직으로 일치하지 않아 가독성이 떨어집니다.
- `rowspan="3"` 구조 내에서 각 셀의 너비가 내용에 따라 유동적으로 변하면서 발생하는 것으로 보입니다.
**개선 필요 사항:**
- 표의 각 열(재료별 칼럼) 너비를 고정하거나 `table-layout: fixed` 등을 사용하여 수직 정렬을 강제해야 합니다.
- 배합, 단가, 원가가 하나의 열 안에서 정확히 정렬되어 표시되도록 CSS 및 HTML 구조 보정이 필요합니다.
Hyein
changed title from [UI/UX] 배합/단가/원가 데이터 표의 수직 정렬 불일치 수정 요청 to [remicon_cost_app.html] 배합/단가/원가 데이터 표의 수직 정렬 불일치 수정 요청2026-02-27 15:17:25 +09:00
Hyein
self-assigned this 2026-02-27 15:34:15 +09:00
Hyein
added this to the (deleted) project 2026-03-04 10:39:38 +09:00
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
관련 파일: remicon_cost_app.html
remicon_cost_app.html의 '규격 목록' 및 '배합 이력' 표에서 하나의 데이터 세트를 구성하는 배합, 단가, 원가 행들의 열(Column) 위치가 서로 맞지 않는 현상이 발생합니다.관련 코드 위치:
현상:
rowspan="3"구조 내에서 각 셀의 너비가 내용에 따라 유동적으로 변하면서 발생하는 것으로 보입니다.개선 필요 사항:
table-layout: fixed등을 사용하여 수직 정렬을 강제해야 합니다.[UI/UX] 배합/단가/원가 데이터 표의 수직 정렬 불일치 수정 요청to [remicon_cost_app.html] 배합/단가/원가 데이터 표의 수직 정렬 불일치 수정 요청