cfdocument에 의해 생성 된 PDF의 얇은 표 테두리가 필요합니다.

Question

테두리 축소 (CSS)를 사용하여 테이블에 얇은 테두리를 만듭니다. 화면에서 잘 렌더링되지만, cfDocument를 통해 PDF로 보내지면 두꺼운 회색 테두리로 끝납니다.

나는 cfDocument가 테두리 붕괴를 아직 지원하지 않는다는 것을 읽었으므로 최선의 선택은 무엇입니까?

ColdFusion 9

Answer 1

테이블 그래서 90 년대하지만이 (비록 웹 브라우저 화면에 일관성이) cfdocument와 PDF를 작동하는 것처럼 보인다 :

.tbl {background-color:#000;} 
.tbl td,th,caption{background-color:#fff} 

...

스타일 설정에서

<table cellspacing="1" class="tbl"> 
... 
</table> 

는

(국경 간격 작동하지 않는다 - 테이블 태그에 attr을 넣어야한다.)

Answer 2

cfdocument에는 많은 제한 사항이 있습니다. CSS3 지원, 자바 스크립트 등을 찾고 있다면 wkhtmltopdf을 권장합니다. Safari/Chrome이 지원하는 대부분을 지원할 수 있도록 Webkit을 사용하여 PDF를 생성합니다.

Answer 3

보고서 빌더를 사용하는 것이 좋습니다. 픽셀 수준의 제어와 페이징을 제공합니다.

Answer 4

cfdocument에서 테두리와 동일한 문제가 발생했습니다. 이 같은

보다는 설정하여 CSS :

table td { 
    border: solid thin black; 
} 

이 시도 :

table, table td { 
    border: solid black; 
} 
table { 
    border-width: 1px 1px 0 0; 
} 
table td { 
    border-width: 0 0 1px 1px; 
} 

이 명시 적으로 가능한 한 작은 폭을 만들어 여기에 내가 배운 몇 가지 트릭입니다. 또한 각 셀이 자신의 1px 경계를 가지기 때문에 발생하는 너비를 "배가시키는"문제를 피하고 서로 인접하여 앉아있게합니다 (셀 사이에서는 사실 2px 테두리가됩니다).

또한 "굵기"값을 cfdocument 태그로 줄이면 테두리 두께를 포함하여 모든 크기를 줄일 수 있습니다.

Answer 5

보고서 빌더는 대화식 테이블 형식 보고서를 신속하게 작성하여 사용자가 U N 행을 축소하여 상위 행의 하위 행에 대한 자세한 데이터 세부 정보를 가져옵니다.

나는 이것이 SSRS가 제공하는 것에 매우 가깝고 매우 유용하다는 것을 발견했다. 그러나 pdf 로의 수출 또는 Excel에 관해서는 실제로 도움이되지 않습니다.

Answer 6

CFDOCUMENT가 위의 솔루션이 브라우저에 따라 다르므로 구식 HTML을 이해하는지 확인했습니다. 그것은 이상적인 건 아니지만, 당신이 그것을 작동하게해야 할 경우,이 도움이 될 수 있습니다 :

<table cellpadding="1" cellspacing="1" bgcolor="black"> 
    <tr> 
     <td bgcolor="white">Data</td> 
     <td bgcolor="white">Data</td> 
    </tr> 
    <tr> 
     <td bgcolor="white">Data</td> 
     <td bgcolor="white">Data</td> 
    </tr> 
    <tr> 
     <td bgcolor="white">Data</td> 
     <td bgcolor="white">Data</td> 
    </tr> 
</table> 

Answer 7

@gordon이 솔루션은 매우 가까이, 그것은 PDF에 쇼 얇은 테두리를했다. 그러나 또 다른 문제가 생겼다. 국경의 일부가 사라졌다. 나는이 솔루션이 복잡한 테이블이 아닌 단순한 테이블에 적합하다고 생각한다.

Answer 8

border-bottom: 0.4pt solid #ccc;