wixon/jongryangje
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 포장명세 표 sticky 헤더 배경 투명 문제 수정

Browse Source 
.data-table thead th { background: transparent } 규칙이 Tailwind bg-gray-50 클래스보다
CSS 우선순위가 높아 헤더가 투명해짐 → 스크롤 시 아래 행 텍스트가 헤더와 겹쳐 보임.
인라인 style로 배경을 강제 지정해 해결.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
taekyoungc
2026-07-01 10:15:44 +09:00
parent 2415fc56bd
commit 1e21f07fd6
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/Views/bag/order_phone_manage.php
View File

@@ -103,11 +103,11 @@
<table class="w-full data-table text-sm"> <table class="w-full data-table text-sm">
<thead> <thead>
<tr> <tr>
<th class="w-12 text-center sticky top-0 z-10 bg-gray-50">No</th> <th class="w-12 text-center sticky top-0 z-10" style="background:#f9fafb;">No</th>
<th class="text-left sticky top-0 z-10 bg-gray-50">봉투종류</th> <th class="text-left sticky top-0 z-10" style="background:#f9fafb;">봉투종류</th>
<th class="w-28 text-center sticky top-0 z-10 bg-gray-50">봉투코드</th> <th class="w-28 text-center sticky top-0 z-10" style="background:#f9fafb;">봉투코드</th>
<th class="w-20 text-right sticky top-0 z-10 bg-gray-50">수량</th> <th class="w-20 text-right sticky top-0 z-10" style="background:#f9fafb;">수량</th>
<th class="w-16 text-center sticky top-0 z-10 bg-gray-50">포장</th> <th class="w-16 text-center sticky top-0 z-10" style="background:#f9fafb;">포장</th>
</tr> </tr>
</thead> </thead>
<tbody id="packing-body"> <tbody id="packing-body">