打印 HTML 表格的困难,其中单元格的行跨度大于页面高度

问题描述 投票:0回答:0

下面是打印此代码时的表格代码我在分页后发现问题。 当我在第 2 列打印表格时,那里有研究所名称,它的单元格根据其下一级行值具有行跨度。在某些情况下,行跨度大于页面的高度,因此在打印表格时,此单元格跨越页面,但有些行在它之后改变了它们的位置。

`


<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<style>
    tr,
    td,
    th {
        border: 1px solid black;
    }

    td,
    th {
        padding: 3px;
    }

    table {
        page-break-inside: auto
    }

    tr {
        page-break-inside: avoid;
        page-break-after: auto
    }

    thead {
        display: table-header-group
    }

    tfoot {
        display: table-footer-group
    }
</style>
</head>

<body>
<table style="border: 1px solid black; border-collapse: collapse; text-align: center;">
    <thead>
        <tr>
            <th rowspan=1 >Sr.</th>
            <th rowspan=1 >Institute_Name</th>
            <th rowspan=1 >Department_Name</th>
            <th rowspan=1 >Shift</th>
            <th rowspan=1 >Category</th>
            <th colspan=1>Female</th>
            <th colspan=1>Male</th>
            <th class="fw-bold bg-dark-subtle" rowspan=1>Total</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td  rowspan=18>1</td>
            <td  rowspan=18>Business Administration</td>
            <td  rowspan=11>BBA</td>
            <td  rowspan=5>Evening</td>
            <td >OPEN</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td >SC</td>
            <td>1</td>
            <td></td>
            <td >1</td>
        </tr>
        <tr>
            <td >SEBC</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td >ST</td>
            <td>1</td>
            <td></td>
            <td >1</td>
        </tr>
        <tr>
            <td  colspan=1>Total</td>
            <td >2</td>
            <td >2</td>
            <td >4</td>
        </tr>
        <tr>
            <td  rowspan=5>Morning</td>
            <td >EWS</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td >OPEN</td>
            <td>1</td>
            <td></td>
            <td >1</td>
        </tr>
        <tr>
            <td >SC</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td >ST</td>
            <td>1</td>
            <td></td>
            <td >1</td>
        </tr>
        <tr>
            <td  colspan=1>Total</td>
            <td >2</td>
            <td >2</td>
            <td >4</td>
        </tr>
        <tr>
            <td  colspan=2>Total</td>
            <td >4</td>
            <td >4</td>
            <td >8</td>
        </tr>
        <tr>
            <td  rowspan=6>MBA</td>
            <td  rowspan=5>Evening</td>
            <td >EWS</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td >OPEN</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td >SC</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td >SEBC</td>
            <td>2</td>
            <td></td>
            <td >2</td>
        </tr>
        <tr>
            <td  colspan=1>Total</td>
            <td >2</td>
            <td >3</td>
            <td >5</td>
        </tr>
        <tr>
            <td  colspan=2>Total</td>
            <td >2</td>
            <td >3</td>
            <td >5</td>
        </tr>
        <tr>
            <td  colspan=3>Total</td>
            <td >6</td>
            <td >7</td>
            <td >13</td>
        </tr>
        <tr>
            <td  rowspan=40>2</td>
            <td  rowspan=40>DIET</td>
            <td  rowspan=7>Civil</td>
            <td  rowspan=4>Evening</td>
            <td >SC</td>
            <td>1</td>
            <td></td>
            <td >1</td>
        </tr>
        <tr>
            <td >SEBC</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td >ST</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td  colspan=1>Total</td>
            <td >1</td>
            <td >2</td>
            <td >3</td>
        </tr>
        <tr>
            <td  rowspan=2>Morning</td>
            <td >SC</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td  colspan=1>Total</td>
            <td >0</td>
            <td >1</td>
            <td >1</td>
        </tr>
        <tr>
            <td  colspan=2>Total</td>
            <td >1</td>
            <td >3</td>
            <td >4</td>
        </tr>
        <tr>
            <td  rowspan=7>Computer</td>
            <td  rowspan=4>Evening</td>
            <td >OPEN</td>
            <td>1</td>
            <td></td>
            <td >1</td>
        </tr>
        <tr>
            <td >SC</td>
            <td>1</td>
            <td></td>
            <td >1</td>
        </tr>
        <tr>
            <td >SEBC</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td  colspan=1>Total</td>
            <td >2</td>
            <td >1</td>
            <td >3</td>
        </tr>
        <tr>
            <td  rowspan=2>Morning</td>
            <td >SEBC</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td  colspan=1>Total</td>
            <td >0</td>
            <td >1</td>
            <td >1</td>
        </tr>
        <tr>
            <td  colspan=2>Total</td>
            <td >2</td>
            <td >2</td>
            <td >4</td>
        </tr>
        <tr>
            <td  rowspan=8>Electrical</td>
            <td  rowspan=4>Evening</td>
            <td >OPEN</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td >SC</td>
            <td>1</td>
            <td></td>
            <td >1</td>
        </tr>
        <tr>
            <td >ST</td>
            <td>1</td>
            <td></td>
            <td >1</td>
        </tr>
        <tr>
            <td  colspan=1>Total</td>
            <td >2</td>
            <td >1</td>
            <td >3</td>
        </tr>
        <tr>
            <td  rowspan=3>Morning</td>
            <td >EWS</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td >ST</td>
            <td>1</td>
            <td></td>
            <td >1</td>
        </tr>
        <tr>
            <td  colspan=1>Total</td>
            <td >1</td>
            <td >1</td>
            <td >2</td>
        </tr>
        <tr>
            <td  colspan=2>Total</td>
            <td >3</td>
            <td >2</td>
            <td >5</td>
        </tr>
        <tr>
            <td  rowspan=9>Information Technology</td>
            <td  rowspan=4>Evening</td>
            <td >EWS</td>
            <td>1</td>
            <td>1</td>
            <td >2</td>
        </tr>
        <tr>
            <td >OPEN</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td >ST</td>
            <td>1</td>
            <td></td>
            <td >1</td>
        </tr>
        <tr>
            <td  colspan=1>Total</td>
            <td >2</td>
            <td >2</td>
            <td >4</td>
        </tr>
        <tr>
            <td  rowspan=4>Morning</td>
            <td >OPEN</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td >SC</td>
            <td>1</td>
            <td></td>
            <td >1</td>
        </tr>
        <tr>
            <td >ST</td>
            <td>1</td>
            <td></td>
            <td >1</td>
        </tr>
        <tr>
            <td  colspan=1>Total</td>
            <td >2</td>
            <td >1</td>
            <td >3</td>
        </tr>
        <tr>
            <td  colspan=2>Total</td>
            <td >4</td>
            <td >3</td>
            <td >7</td>
        </tr>
        <tr>
            <td  rowspan=8>Mechanical</td>
            <td  rowspan=3>Evening</td>
            <td >EWS</td>
            <td>1</td>
            <td></td>
            <td >1</td>
        </tr>
        <tr>
            <td >SEBC</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td  colspan=1>Total</td>
            <td >1</td>
            <td >1</td>
            <td >2</td>
        </tr>
        <tr>
            <td  rowspan=4>Morning</td>
            <td >EWS</td>
            <td>1</td>
            <td></td>
            <td >1</td>
        </tr>
        <tr>
            <td >OPEN</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td >SEBC</td>
            <td>1</td>
            <td></td>
            <td >1</td>
        </tr>
        <tr>
            <td  colspan=1>Total</td>
            <td >2</td>
            <td >1</td>
            <td >3</td>
        </tr>
        <tr>
            <td  colspan=2>Total</td>
            <td >3</td>
            <td >2</td>
            <td >5</td>
        </tr>
        <tr>
            <td  colspan=3>Total</td>
            <td >13</td>
            <td >12</td>
            <td >25</td>
        </tr>
        <tr>
            <td  rowspan=38>3</td>
            <td  rowspan=38>DIETDS</td>
            <td  rowspan=8>Civil</td>
            <td  rowspan=3>Evening</td>
            <td >EWS</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td >SEBC</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td  colspan=1>Total</td>
            <td >0</td>
            <td >2</td>
            <td >2</td>
        </tr>
        <tr>
            <td  rowspan=4>Morning</td>
            <td >EWS</td>
            <td>1</td>
            <td></td>
            <td >1</td>
        </tr>
        <tr>
            <td >OPEN</td>
            <td>1</td>
            <td></td>
            <td >1</td>
        </tr>
        <tr>
            <td >SEBC</td>
            <td>1</td>
            <td></td>
            <td >1</td>
        </tr>
        <tr>
            <td  colspan=1>Total</td>
            <td >3</td>
            <td >0</td>
            <td >3</td>
        </tr>
        <tr>
            <td  colspan=2>Total</td>
            <td >3</td>
            <td >2</td>
            <td >5</td>
        </tr>
        <tr>
            <td  rowspan=9>Computer</td>
            <td  rowspan=4>Evening</td>
            <td >OPEN</td>
            <td>1</td>
            <td></td>
            <td >1</td>
        </tr>
        <tr>
            <td >SC</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td >ST</td>
            <td>1</td>
            <td></td>
            <td >1</td>
        </tr>
        <tr>
            <td  colspan=1>Total</td>
            <td >2</td>
            <td >1</td>
            <td >3</td>
        </tr>
        <tr>
            <td  rowspan=4>Morning</td>
            <td >OPEN</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td >SC</td>
            <td></td>
            <td>2</td>
            <td >2</td>
        </tr>
        <tr>
            <td >SEBC</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td  colspan=1>Total</td>
            <td >0</td>
            <td >4</td>
            <td >4</td>
        </tr>
        <tr>
            <td  colspan=2>Total</td>
            <td >2</td>
            <td >5</td>
            <td >7</td>
        </tr>
        <tr>
            <td  rowspan=7>Electrical</td>
            <td  rowspan=4>Evening</td>
            <td >OPEN</td>
            <td>1</td>
            <td></td>
            <td >1</td>
        </tr>
        <tr>
            <td >SC</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td >ST</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td  colspan=1>Total</td>
            <td >1</td>
            <td >2</td>
            <td >3</td>
        </tr>
        <tr>
            <td  rowspan=2>Morning</td>
            <td >OPEN</td>
            <td>1</td>
            <td></td>
            <td >1</td>
        </tr>
        <tr>
            <td  colspan=1>Total</td>
            <td >1</td>
            <td >0</td>
            <td >1</td>
        </tr>
        <tr>
            <td  colspan=2>Total</td>
            <td >2</td>
            <td >2</td>
            <td >4</td>
        </tr>
        <tr>
            <td  rowspan=6>Information Technology</td>
            <td  rowspan=2>Evening</td>
            <td >EWS</td>
            <td>2</td>
            <td></td>
            <td >2</td>
        </tr>
        <tr>
            <td  colspan=1>Total</td>
            <td >2</td>
            <td >0</td>
            <td >2</td>
        </tr>
        <tr>
            <td  rowspan=3>Morning</td>
            <td >EWS</td>
            <td>1</td>
            <td></td>
            <td >1</td>
        </tr>
        <tr>
            <td >ST</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td  colspan=1>Total</td>
            <td >1</td>
            <td >1</td>
            <td >2</td>
        </tr>
        <tr>
            <td  colspan=2>Total</td>
            <td >3</td>
            <td >1</td>
            <td >4</td>
        </tr>
        <tr>
            <td  rowspan=7>Mechanical</td>
            <td  rowspan=4>Evening</td>
            <td >SC</td>
            <td>1</td>
            <td></td>
            <td >1</td>
        </tr>
        <tr>
            <td >SEBC</td>
            <td></td>
            <td>2</td>
            <td >2</td>
        </tr>
        <tr>
            <td >ST</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td  colspan=1>Total</td>
            <td >1</td>
            <td >3</td>
            <td >4</td>
        </tr>
        <tr>
            <td  rowspan=2>Morning</td>
            <td >ST</td>
            <td>1</td>
            <td></td>
            <td >1</td>
        </tr>
        <tr>
            <td  colspan=1>Total</td>
            <td >1</td>
            <td >0</td>
            <td >1</td>
        </tr>
        <tr>
            <td  colspan=2>Total</td>
            <td >2</td>
            <td >3</td>
            <td >5</td>
        </tr>
        <tr>
            <td  colspan=3>Total</td>
            <td >12</td>
            <td >13</td>
            <td >25</td>
        </tr>
        <tr>
            <td  rowspan=31>4</td>
            <td  rowspan=31>SOE</td>
            <td  rowspan=9>Civil</td>
            <td  rowspan=3>Evening</td>
            <td >OPEN</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td >SEBC</td>
            <td>1</td>
            <td></td>
            <td >1</td>
        </tr>
        <tr>
            <td  colspan=1>Total</td>
            <td >1</td>
            <td >1</td>
            <td >2</td>
        </tr>
        <tr>
            <td  rowspan=5>Morning</td>
            <td >EWS</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td >OPEN</td>
            <td>1</td>
            <td></td>
            <td >1</td>
        </tr>
        <tr>
            <td >SC</td>
            <td>1</td>
            <td></td>
            <td >1</td>
        </tr>
        <tr>
            <td >ST</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td  colspan=1>Total</td>
            <td >2</td>
            <td >2</td>
            <td >4</td>
        </tr>
        <tr>
            <td  colspan=2>Total</td>
            <td >3</td>
            <td >3</td>
            <td >6</td>
        </tr>
        <tr>
            <td  rowspan=10>Computer</td>
            <td  rowspan=6>Evening</td>
            <td >EWS</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td >OPEN</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td >SC</td>
            <td>1</td>
            <td>1</td>
            <td >2</td>
        </tr>
        <tr>
            <td >SEBC</td>
            <td>1</td>
            <td></td>
            <td >1</td>
        </tr>
        <tr>
            <td >ST</td>
            <td>1</td>
            <td></td>
            <td >1</td>
        </tr>
        <tr>
            <td  colspan=1>Total</td>
            <td >3</td>
            <td >3</td>
            <td >6</td>
        </tr>
        <tr>
            <td  rowspan=3>Morning</td>
            <td >SC</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td >SEBC</td>
            <td>1</td>
            <td></td>
            <td >1</td>
        </tr>
        <tr>
            <td  colspan=1>Total</td>
            <td >1</td>
            <td >1</td>
            <td >2</td>
        </tr>
        <tr>
            <td  colspan=2>Total</td>
            <td >4</td>
            <td >4</td>
            <td >8</td>
        </tr>
        <tr>
            <td  rowspan=5>Electrical</td>
            <td  rowspan=4>Morning</td>
            <td >EWS</td>
            <td>1</td>
            <td></td>
            <td >1</td>
        </tr>
        <tr>
            <td >OPEN</td>
            <td>1</td>
            <td></td>
            <td >1</td>
        </tr>
        <tr>
            <td >SEBC</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td  colspan=1>Total</td>
            <td >2</td>
            <td >1</td>
            <td >3</td>
        </tr>
        <tr>
            <td  colspan=2>Total</td>
            <td >2</td>
            <td >1</td>
            <td >3</td>
        </tr>
        <tr>
            <td  rowspan=6>Mechanical</td>
            <td  rowspan=3>Evening</td>
            <td >EWS</td>
            <td>1</td>
            <td></td>
            <td >1</td>
        </tr>
        <tr>
            <td >ST</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td  colspan=1>Total</td>
            <td >1</td>
            <td >1</td>
            <td >2</td>
        </tr>
        <tr>
            <td  rowspan=2>Morning</td>
            <td >ST</td>
            <td></td>
            <td>1</td>
            <td >1</td>
        </tr>
        <tr>
            <td  colspan=1>Total</td>
            <td >0</td>
            <td >1</td>
            <td >1</td>
        </tr>
        <tr>
            <td  colspan=2>Total</td>
            <td >1</td>
            <td >2</td>
            <td >3</td>
        </tr>
        <tr>
            <td  colspan=3>Total</td>
            <td >10</td>
            <td >10</td>
            <td >20</td>
        </tr>
        <tr>
            <td  colspan=5>Grand Total</td>
            <td >41</td>
            <td >42</td>
            <td >83</td>
        </tr>
    </tbody>
</table>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"
    integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3"
    crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
    integrity="sha384-mQ93GR66B00ZXjt0YO5KlohRA5SY2XofN4zfuZxLkoj1gXtW8ANNCe9d5Y3eG5eD"
    crossorigin="anonymous"></script>
`
html html-table
© www.soinside.com 2019 - 2024. All rights reserved.