Home/ Questions/Q 7434905
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-29T09:58:09+00:00

Short Trying to get table with exact dimensions for a4 print Table’s first and

  • 0

Short

Trying to get table with exact dimensions for a4 print

  • Table’s first and last rows’ margin from top and bottom sides of paper must be 11 mm
  • Margin between rows’ 0 mm
  • Table’s rows must be at 4 mm from left and right sides of paper
  • 2 mm between every column
  • 38 mm width x 21.2 mm height each cell
  • 13 x rows, 5 x columns, 13×5=65 cells

Here is JS fiddle

http://jsfiddle.net/tt13/ZjBrV/

Question

What can I do in this case? How to get the table with conditions that I explained above?

Detailed

html table looks like that

<body>
  <table>
    <td> 
     <div class="bcell">
      sample text2<br/>
      <img src="..."/><br/>
      sample text2
     </div>
     </td>
   ....
  </table>
</body>

Using css below to achieve A4 size print result, but getting something absolutely different from conditions that I explained above.

        body {      
            padding:11mm 4mm 0 4mm;
            background: white;
            font-family: Arial;
            width: 210mm;
            font-size:3mm;
        }

        table { 
            page-break-after:always;
            width: 100%;
            height: 275mm;
            margin:0 auto;
            page-break-inside:avoid;                 
            border-collapse: collapse;

        }

        td img {
            height:10mm;
        }

        td {
            width: 38mm;
            height:21.2mm;
            padding: 0 1mm 0 1mm;
            font-style: bold;
            text-align: center; 
            vertical-align:middle;
        }


        tr    { 
            page-break-after:auto;
            page-break-inside:avoid; 
            height:21.2mm;
            margin:0;
            padding:0;
            page-break-inside:avoid;             
        }
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Css is not effective in changing the width of table cell elements. What you’ll want to do is either wrap the content of the cell in a div or span and use the td:first-child to set the width in the css, or use the css table model.

    • 0