Vấn đề in bảng Html

William có một bảng nhiều hàng trong tài liệu của mình. Anh ấy đã điều chỉnh chiều cao của các hàng sao cho chúng trông giống như anh ấy muốn. Khi William xem tài liệu trong Print Preview, mọi thứ đều ổn. Tuy nhiên, khi anh ấy in tài liệu, phần dưới cùng của mỗi hàng bị cắt bỏ. Anh ta không hiểu tại sao bảng hiển thị tốt trên màn hình và trong Xem trước bản in, nhưng in ra không chính xác

Điều đầu tiên cần tìm ra trong bất kỳ vấn đề nào chẳng hạn như vấn đề này là liệu sự cố có liên quan đến máy in hay thứ gì đó trên hệ thống của bạn hay không. Bạn có thể làm điều đó bằng cách thử các bước khắc phục sự cố sau

  • Nếu bạn có sẵn nhiều máy in trong hệ thống của mình, hãy thử in sang máy in khác
  • Thử in ra tệp PDF thay vì in ra máy in của bạn. Xem liệu sự cố có hiển nhiên trong chính tệp PDF không. Đừng đánh giá dựa trên việc in tệp PDF, vì sự cố với máy in có thể gây ra sự cố tương tự với tệp PDF mà bạn đã thấy với tệp Word
  • Mang tài liệu đến máy tính của bạn bè hoặc đồng nghiệp và thử in tài liệu từ đó, miễn là bạn bè hoặc đồng nghiệp đó đang in bằng một máy in khác với máy in của bạn. [Bạn thậm chí có thể chạy xuống cửa hàng in địa phương của mình và thử in từ đó. ]

Nếu sự cố biến mất trong bất kỳ trường hợp nào trong số này, thì sự cố là do máy in. Bạn có thể khắc phục sự cố bằng cách cập nhật trình điều khiển máy in. Nếu bạn đang sử dụng trình điều khiển máy in mới nhất thì có thể máy in của bạn đang thay thế phông chữ khi in và sự thay thế đó đang gây ra sự cố

Khi bạn đã xác định rằng sự cố không phải do máy in, thì bạn có thể bắt đầu xử lý tài liệu để có được đầu ra như mong đợi. Có ba điều bạn có thể thử—phông chữ, đoạn văn và định dạng hàng

Trước tiên, hãy thử thay đổi phông chữ trong bảng thành một phông chữ khác và khá nhạt nhẽo, chẳng hạn như Times New Roman hoặc Arial. Nếu bạn có thể in những thứ này mà không gặp vấn đề gì, thì vấn đề có thể là do máy in [một lần nữa, phải thực hiện với việc thay thế phông chữ] hoặc vấn đề với phông chữ bạn đang sử dụng. [Một số phông chữ có thể khá bí truyền và nếu chúng không được xác định chính xác bởi người tạo phông chữ, chúng có thể in không chính xác. ]

Tiếp theo, hãy xem định dạng đoạn văn cho nội dung của các ô trong bảng. Kiểm tra để đảm bảo khoảng cách dòng được đặt như bạn mong đợi. Bạn cũng có thể điều chỉnh khoảng trắng sau đoạn văn, thao tác này sẽ điều chỉnh khoảng trắng sau văn bản trong mỗi ô

Cuối cùng, hãy xem định dạng hàng trong bảng thực tế của bạn. Bạn có thể thử điều chỉnh chiều cao của hàng, làm cho nó cao hơn một chút. Bạn cũng có thể điều chỉnh Căn chỉnh Dọc của văn bản trong hàng bằng cách chọn hàng [hoặc bảng] và chọn Thuộc tính từ tab Bố cục Bảng của dải băng, sau đó thực hiện điều chỉnh trên tab Ô của hộp thoại. Khi bạn đang điều chỉnh Căn chỉnh dọc, bạn cũng có thể điều chỉnh lề bằng cách nhấp vào liên kết Tùy chọn [trên tab Ô] và trên hộp thoại kết quả, buộc lề dưới lớn hơn cho ô

Bây giờ vấn đề là khi tôi in pdf, ô chứa các trường nâng cao rtf chứa đầy tất cả các thẻ của trường nâng cao rtf

Tôi đã tìm thấy một "giải pháp" [nhưng đây không phải là giải pháp. ] để thay đổi trường trong chế độ không có rtf advacend

Vấn đề của tôi là cách bảng được in trên nhiều trang. Đôi khi, nó sẽ cắt đôi một hàng, khiến nó không thể đọc được vì một nửa nằm ở mép chảy máu của trang và phần còn lại là máy in ở đầu trang tiếp theo

Trên thực tế, tôi đang sử dụng mã html+css để tạo báo cáo hàng ngày. Cuối cùng, mọi thứ hoạt động tốt. Nhưng đôi khi tôi gặp một số vấn đề mà tôi không biết mình đang làm gì sai

Như bạn có thể thấy ở phía dưới, kết quả trông giống như bị cắt và thiếu một số trường

CODEPEN

    

    
      
      
      DAILY REPORT
      
        img {
          float: right;
        }
        /* reset */
        
        * {
          border: 0;
          box-sizing: content-box;
          color: inherit;
          font-family: inherit;
          font-size: inherit;
          font-style: inherit;
          font-weight: inherit;
          line-height: inherit;
          list-style: none;
          margin: 0;
          padding: 0;
          text-decoration: none;
          vertical-align: top;
        }
        /* content editable */
        
        *[contenteditable] {
          border-radius: 0.25em;
          min-width: 1em;
          outline: 0;
        }
        
        *[contenteditable] {
          cursor: pointer;
        }
        
        *[contenteditable]:hover,
        *[contenteditable]:focus,
        td:hover *[contenteditable],
        td:focus *[contenteditable],
        img.hover {
          background: #DEF;
          box-shadow: 0 0 1em 0.5em #DEF;
        }
        
        span[contenteditable] {
          display: inline-block;
        }
        /* heading */
        
        h1 {
          font: bold 100% sans-serif;
          letter-spacing: 0.5em;
          text-align: center;
          text-transform: uppercase;
        }
        /* table */
        
        table {
          font-size: 75%;
          table-layout: fixed;
          width: 100%;
        }
        
        table {
          border-collapse: separate;
          border-spacing: 2px;
        }
        
        th,
        td {
          border-width: 1px;
          padding: 0.5em;
          position: relative;
          text-align: left;
        }
        
        th,
        td {
          border-radius: 0.25em;
          border-style: solid;
        }
        
        th {
          background: #EEE;
          border-color: #BBB;
        }
        
        td {
          border-color: #DDD;
        }
        /* page */
        
        html {
          font: 16px/1 'Open Sans', sans-serif;
          overflow: auto;
          padding: 0.5in;
        }
        
        html {
          background: #FFF;
          cursor: default;
        }
        
        body {
          box-sizing: border-box;
          height: 11in;
          margin: 0 auto;
          overflow: hidden;
          padding: 0.5in;
          width: 8.5in;
        }
        
        body {
          background: #FFF;
          border-radius: 1px;
        }
        /* header */
        
        header {
          margin: 0 0 0em;
        }
        
        header:after {
          clear: both;
          content: "";
          display: table;
        }
        
        header h1 {
          background: #3499DB;
          border-radius: 0.25em;
          color: #FFF;
          margin: 0 0 1em;
          padding: 0.5em 0;
        }
        
        header address {
          float: right;
          font-size: 75%;
          font-style: normal;
          line-height: 1.25;
          margin: 0 1em 1em 0;
        }
        
        header address p {
          margin: 0 0 0.25em;
        }
        
        header span,
        header img {
          display: block;
          float: left;
        }
        
        header span {
          margin: 0 0 1em 1em;
          max-height: 25%;
          max-width: 60%;
          position: relative;
        }
        
        header img {
          max-height: 100%;
          max-width: 100%;
        }
        
        header input {
          cursor: pointer;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha[Opacity=0]";
          height: 100%;
          left: 0;
          opacity: 0;
          position: absolute;
          top: 0;
          width: 100%;
        }
        /* article */
        
        article,
        article address,
        table.meta,
        table.inventory {
          margin: 0 0 3em;
        }
        
        article:after {
          clear: both;
          content: "";
          display: table;
        }
        
        article h1 {
          clip: rect[0 0 0 0];
          position: absolute;
        }
        
        article address {
          float: left;
          font-size: 125%;
          font-weight: bold;
        }
        /* table meta & balance */
        
        table.meta {
          float: left;
          width: 36%;
        }
        
        table.balance {
          float: right;
          width: 36%;
        }
        
        table.meta:after,
        table.balance:after {
          clear: both;
          content: "";
          display: table;
        }
        /* table meta */
        
        table.meta th {
          width: 40%;
        }
        
        table.meta td {
          width: 60%;
        }
        /* table items */
        
        table.inventory {
          font-size: 64%;
          clear: both;
          width: 100%;
        }
        
        table.inventory th {
          font-weight: bold;
          text-align: center;
        }
        
        table.inventory td:nth-child[1] {
          width: 64%;
        }
        
        table.inventory td:nth-child[2] {
          width: 64%;
        }
        
        table.inventory td:nth-child[3] {
          width: 64%;
        }
        
        table.inventory td:nth-child[4] {
          width: 64%;
        }
        
        table.inventory td:nth-child[5] {
          width: 64%;
        }
        /* table balance */
        
        table.balance th,
        table.balance td {
          width: 50%;
        }
        
        table.balance td {
          text-align: right;
        }
        /* aside */
        
        aside h1 {
          border: none;
          border-width: 0 0 1px;
          margin: 0 0 1em;
        }
        
        aside h1 {
          border-color: #FFF;
          border-bottom-style: solid;
        }
        /* hide */
        
        tr.Hidden {
          visibility: hidden;
        }
        /* javascript */
        
        .add,
        .cut {
          border-width: 1px;
          display: block;
          font-size: .8rem;
          padding: 0.25em 0.5em;
          float: left;
          text-align: center;
          width: 0.6em;
        }
        
        .add,
        .cut {
          background: #9AF;
          box-shadow: 0 1px 2px rgba[0, 0, 0, 0.2];
          background-image: -moz-linear-gradient[#00ADEE 5%, #0078A5 100%];
          background-image: -webkit-linear-gradient[#00ADEE 5%, #0078A5 100%];
          border-radius: 0.5em;
          border-color: #0076A3;
          color: #FFF;
          cursor: pointer;
          font-weight: bold;
          text-shadow: 0 -1px 2px rgba[0, 0, 0, 0.333];
        }
        
        .add {
          margin: -2.5em 0 0;
        }
        
        .add:hover {
          background: #00ADEE;
        }
        
        .cut {
          opacity: 0;
          position: absolute;
          top: 0;
          left: -1.5em;
        }
        
        .cut {
          -webkit-transition: opacity 100ms ease-in;
        }
        
        tr:hover .cut {
          opacity: 1;
        }
        
        @media print {
          * {
            -webkit-print-color-adjust: exact;
          }
          html {
            background: none;
            padding: 0;
          }
          body {
            box-shadow: none;
            margin: 0;
          }
          span:empty {
            display: none;
          }
          .add,
          .cut {
            display: none;
          }
        }
        
        @page {
          margin: 0;
        }
      
    

    
      
        

DAILY REPORT

Recipient

Report ID #DateLocationVendor
9918371
January 1, 2012
London
Jack Sparrow
New PTCoveragePT NameProceduresChargePaidP. MethodPrev BalNew BalMemo
Front End Consultation Front End Consultation #1, #2, #3, #14, #15, #16, #18, #19, #30, #31 O comp $150.00 $150.00 Front End Consultation $150.00 $150.00 Front End Consultation
Front End Consultation Front End Consultation Experience Review #1, #2 #3, #4, #5, #7, #9 $150.00 $150.00 Front End Consultation $150.00 $150.00 Front End Consultation
Front End Consultation Front End Consultation Experience Review #1, #2 #3, #4, #5, #7, #9 $150.00 $150.00 Front End Consultation $150.00 $150.00 Front End Consultation
Front End Consultation Front End Consultation Experience Review #1, #2 #3, #4, #5, #7, #9 $150.00 $150.00 Front End Consultation $150.00 $150.00 Front End Consultation
Front End Consultation Front End Consultation Experience Review #1, #2 #3, #4, #5, #7, #9 $150.00 $150.00 Front End Consultation $150.00 $150.00 Front End Consultation
Front End Consultation Front End Consultation Experience Review #1, #2 #3, #4, #5, #7, #9 $150.00 $150.00 Front End Consultation $150.00 $150.00 Front End Consultation
Front End Consultation Front End Consultation Experience Review #1, #2 #3, #4, #5, #7, #9 $150.00 $150.00 Front End Consultation $150.00 $150.00 Front End Consultation
Front End Consultation Front End Consultation Experience Review #1, #2 #3, #4, #5, #7, #9 $150.00 $150.00 Front End Consultation $150.00 $150.00 Front End Consultation
Credit cardCashOtherTotal collected
$0.00
$0.00
$0.00
$600.00

Nếu tôi xóa một hoặc hai hàng thì có vẻ tốt

CODEPEN

------------------------------------------

Và một câu hỏi nữa nếu tôi đặt câu hỏi này vào một ô. #1 , #2 , #3,#14,#15,#16,#18,#19,#30,#31 O comp

Vì một số lý do trông có vẻ kỳ lạ [tôi nghi ngờ đó là do dấu phẩy] bởi vì nếu tôi xóa chúng hoặc chỉ thêm khoảng trắng sau mỗi lần hôn mê thì có vẻ ổn, nhưng bạn có biết tại sao điều này lại xảy ra không?

Cách khắc phục kích thước bảng HTML?

Để thao tác với chiều cao hoặc chiều rộng của toàn bộ bảng, đặt thuộc tính kích thước ["WIDTH=" hoặc "HEIGHT="] trong mã . To manipulate individual cells, place the size attribute within the code for that cell.

Bảng HTML có lỗi thời không?

Bảng cho bố cục không hợp lệ trong HTML 4. 01 . Tuy nhiên, HTML5 đã thay đổi các quy tắc và giờ đây các bảng dành cho bố cục, mặc dù không được khuyến nghị, vẫn được coi là HTML hợp lệ.

Bảng có bị phản đối trong HTML không?

Mặc dù phần tử không bị phản đối , nhưng việc sử dụng chúng để bố trí không được khuyến khích.

Làm cách nào để tạo bảng có phân trang trong HTML?

getPagination['#table-id'];
//getPagination['. lớp bảng'];
//getPagination['bảng'];
/* PHẪU TRANG
- khi thay đổi các hàng tối đa, chọn các tùy chọn làm mờ dần tất cả các hàng gt giá trị tùy chọn mx = 5
- nối thêm danh sách phân trang theo tùy chọn số hàng/số hàng tối đa [20 hàng/5= 4 trang]

Chủ Đề