tr html을 복사 한 다음 th 너비를 복사하여 테이블 헤더 행을 복제하고 있습니다. 그러나 border : 'Wpx'및 border-collapse : 'collapse'일 때 너비가 (너비-W) 픽셀로 작성되기 때문에 실패합니다. border-collapse가 설정되지 않은 경우 너비가 올바르게 기록됩니다.
코드는 단순합니다.
var arr = [];
// copy html, where abc is the destination <tr> and def is the source
$abc.html($def.html());
// now copy widths of table header cells
$def.children().each(function() {arr.push($(this).css("width"));});
$abc.children().each(function(index) {$(this).css("width", arr[index]);});
Fiddle은 문제를 보여줍니다 : http://jsfiddle.net/marvmartian/9z24j7vz/4/
해결 방법 (바이올렛에 설명되어 있지만 주석 처리됨)은 최종 테이블 크기를 확인하고, 같지 않은 경우 작성하기 전에 너비에 W를 추가하는 것입니다.
이 동작은 버그처럼 보입니다 (Chrome 사용). 분명히 그것은 기능입니다. 내가 여기서 무엇을 놓치고 있습니까?
그리고 여기에 수정 사항이 있습니다.
table.pvtTable tr th {
background-color: #e6EEEE;
border: 6px solid black;
padding: 5px;
box-sizing:border-box;
}
크롬은 셀 너비를 너비 + 테두리 너비로 계산하지 않습니다 (부모 요소에서 border-collapse 때문에?), CSS에 이것을 추가하면 테두리가 최종 너비에 포함됩니다. 그러나 이번에는 어느 것이 (firefox 또는 chrome) 옳은지 확실하지 않습니다. :)
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다