fix: 전화주문 접수 관리 포장명세 표 스크롤 시 헤더 겹침 수정
thead에 직접 sticky를 걸면 스크롤 컨테이너 클리핑이 깨져 행이 헤더 위로 삐져나옴 → 각 th에 개별적으로 sticky top-0 적용하는 방식으로 변경 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -101,13 +101,13 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="border border-gray-300 rounded-lg p-4 overflow-auto max-h-[40vh]">
|
<div class="border border-gray-300 rounded-lg p-4 overflow-auto max-h-[40vh]">
|
||||||
<table class="w-full data-table text-sm">
|
<table class="w-full data-table text-sm">
|
||||||
<thead class="sticky top-0 z-10 bg-gray-50">
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th class="w-12 text-center">No</th>
|
<th class="w-12 text-center sticky top-0 z-10 bg-gray-50">No</th>
|
||||||
<th class="text-left">봉투종류</th>
|
<th class="text-left sticky top-0 z-10 bg-gray-50">봉투종류</th>
|
||||||
<th class="w-28 text-center">봉투코드</th>
|
<th class="w-28 text-center sticky top-0 z-10 bg-gray-50">봉투코드</th>
|
||||||
<th class="w-20 text-right">수량</th>
|
<th class="w-20 text-right sticky top-0 z-10 bg-gray-50">수량</th>
|
||||||
<th class="w-16 text-center">포장</th>
|
<th class="w-16 text-center sticky top-0 z-10 bg-gray-50">포장</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody id="packing-body">
|
<tbody id="packing-body">
|
||||||
|
|||||||
Reference in New Issue
Block a user