fix: 전화주문 접수 관리 포장명세 표 스크롤 시 헤더 겹침 수정

thead에 직접 sticky를 걸면 스크롤 컨테이너 클리핑이 깨져 행이 헤더 위로 삐져나옴 →
각 th에 개별적으로 sticky top-0 적용하는 방식으로 변경

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
taekyoungc
2026-07-01 10:10:07 +09:00
parent 05d9d8aff3
commit 2415fc56bd

View File

@@ -101,13 +101,13 @@
</div>
<div class="border border-gray-300 rounded-lg p-4 overflow-auto max-h-[40vh]">
<table class="w-full data-table text-sm">
<thead class="sticky top-0 z-10 bg-gray-50">
<thead>
<tr>
<th class="w-12 text-center">No</th>
<th class="text-left">봉투종류</th>
<th class="w-28 text-center">봉투코드</th>
<th class="w-20 text-right">수량</th>
<th class="w-16 text-center">포장</th>
<th class="w-12 text-center sticky top-0 z-10 bg-gray-50">No</th>
<th class="text-left sticky top-0 z-10 bg-gray-50">봉투종류</th>
<th class="w-28 text-center sticky top-0 z-10 bg-gray-50">봉투코드</th>
<th class="w-20 text-right sticky top-0 z-10 bg-gray-50">수량</th>
<th class="w-16 text-center sticky top-0 z-10 bg-gray-50">포장</th>
</tr>
</thead>
<tbody id="packing-body">