打印分页符之前的奇怪小行

时间:2018-04-17 20:13:22

标签: jquery css printing html-table

我正在尝试打印一个带有修改设计的表,其中每个表行都包含在bootstrap“col-xs-3”类中,每个4“col-xs-3”包含在“row”类中,如下所示,

                     <div class="row"> 
                        <div class="col-xs-3">
                          <tr role="row" class="odd">
                              <td class="sorting_1">আঃ আজিজ মানিক</td>
                              <td>সাধারন সম্পাদক</td>
                              <td>ইউনয়িন আওয়ামীলীগ</td>
                              <td>০১৯২০৪৮৬০২১</td>
                              <td>শাহরাস্তি</td>
                              <td>চাঁদপুর</td>
                          </tr>
                        </div>
                        <div class="col-xs-3">
                          <tr role="row" class="even">
                              <td class="sorting_1">আবুল হোসনে পাটওয়ারী</td>
                              <td>সভাপতি</td>
                              <td>ইউনয়িন আওয়ামীলীগ</td>
                              <td>০১৭৩১৪২৪১০০</td>
                              <td>শাহরাস্তি</td>
                              <td>চাঁদপুর</td>
                          </tr>
                        </div>
                        <div class="col-xs-3">
                          <tr role="row" class="odd">
                              <td class="sorting_1">এ এইচ এম মাহে আলম</td>
                              <td>এ এস আই(নিঃ)</td>
                              <td>পুলিশ</td>
                              <td>০১৮১৭৩৮৬৬৪০</td>
                              <td>শাহরাস্তি</td>
                              <td>চাঁদপুর</td>
                          </tr>
                        </div>
                        <div class="col-xs-3">
                          <tr role="row" class="even">
                              <td class="sorting_1">কাজী নজরুল ইসলাম</td>
                              <td>সাধারন সম্পাদক</td>
                              <td>ইউনয়িন আওয়ামীলীগ</td>
                              <td>০১৭২৬৭৫০৪০২</td>
                              <td>শাহরাস্তি</td>
                              <td>চাঁদপুর</td>
                           </tr>
                        </div
                     </div>

问题是当我尝试打印此页面时,它在图像中显示的每个页面中都留下了一条小线。我的破解页面在下面 -

.row { 
  page-break-inside:avoid; 
  page-break-after:auto; 
}

enter image description here

我该如何解决这个问题?

我有一个jsfiddle:https://jsfiddle.net/Lr77dgmt/1384/

0 个答案:

没有答案