打印表格时,边框属性无法正常工作

时间:2019-04-21 09:05:48

标签: javascript html css html5 css3

我的网站上有一个prescription form。提交表格后,我已经打印了该处方。我为某些特定的border css应用了fields。 但是border-topborder-bottom属性在印刷版中不起作用。该字段需要完整的border

html处方表

    data += '<div class="row row_padding" id="examination_div" style="">';                  

    data += '<div class="col-md-4 col-sm-6" style="border-top:none;border-bottom :none; border : 1px solid #000;margin-bottom : 10px;">';
        data += '<div class="row content_padding">';
            data += '<div class="col-md-6">';
                data += '<b>Pulse :</b>';
            data += '</div>';
            data += '<div class="col-md-6">';
                data += examination_pulse;
            data += '</div>';
        data += '</div>';
    data += '</div>';

    data += '<div class="col-md-4 col-sm-6" style="border-top:none;border-bottom :none; border : 1px solid #000;margin-bottom : 10px;">';
        data += '<div class="row content_padding">';
            data += '<div class="col-md-6">';
                data += '<b>BP :</b>';
            data += '</div>';
            data += '<div class="col-md-6">';
                data += examination_bp;
            data += '</div>';
        data += '</div>';
    data += '</div>';
    data += '<div class="col-md-4 col-sm-6" style="border-top:none;border-bottom :none; border : 1px solid #000;margin-bottom : 10px;">';
        data += '<div class="row content_padding">';
            data += '<div class="col-md-6">';
                data += '<b>Temp :</b>';
            data += '</div>';
            data += '<div class="col-md-6">';
                data += examination_temp;
            data += '</div>';
        data += '</div>';
    data += '</div>';

    data += '<div class="col-md-4 col-sm-6" style="border-top:none;border-bottom :none; border : 1px solid #000;margin-bottom : 10px;">';
        data += '<div class="row content_padding">';
            data += '<div class="col-md-6">';
                data += '<b>RR :</b>';
            data += '</div>';
            data += '<div class="col-md-6">';
                data += examination_rr;
            data += '</div>';
        data += '</div>';
    data += '</div>';

    data += '<div class="col-md-4 col-sm-6" style="border-top:none;border-bottom :none; border : 1px solid #000;margin-bottom : 10px;">';
        data += '<div class="row content_padding">';
            data += '<div class="col-md-6">';
                data += '<b>SPO2 :</b>';
            data += '</div>';
            data += '<div class="col-md-6">';
                data += examination_spo2;
            data += '</div>';
        data += '</div>';
    data += '</div>';

    data += '<div class="col-md-4 col-sm-6" style="border-top:none;border-bottom :none; border : 1px solid #000;margin-bottom : 10px;">';
        data += '<div class="row content_padding">';
            data += '<div class="col-md-6">';
                data += '<b>RBS :</b>';
            data += '</div>';
            data += '<div class="col-md-6">';
                data += examination_rbs;
            data += '</div>';
        data += '</div>';
    data += '</div>';

    data += '<div class="col-md-4 col-sm-6" style="border-top:none;border-bottom :none; border : 1px solid #000;margin-bottom : 10px;">';
        data += '<div class="row content_padding">';
            data += '<div class="col-md-6">';
                data += '<b>BMI :</b>';
            data += '</div>';
            data += '<div class="col-md-6">';
                data += examination_bmi;
            data += '</div>';
        data += '</div>';
    data += '</div>';

    data += '<div class="col-md-6 col-sm-6" style="border-top:none;border-bottom :none; border : 1px solid #000;margin-bottom : 10px;">';
        data += '<div class="row content_padding">';
            data += '<div class="col-md-6">';
                data += '<b>Trigger Points :</b>';
            data += '</div>';
            data += '<div class="col-md-6">';
                data += examination_trigger_point;
            data += '</div>';
        data += '</div>';
    data += '</div>';
data += '</div>';

full border in those fields

打印选项中是否有边框规则?

或者这样做的过程是什么?

0 个答案:

没有答案