Плагин реагирования на печать не работает, т.е. - PullRequest
0 голосов
/ 29 сентября 2019

У меня есть приложение реагирования, которое я хочу напечатать компонент таблицы после нажатия на кнопку, я использую плагин реагировать на печать, это работает во всех браузерах, кроме IE, что я могу сделать, чтобы исправить это?это мой код

<ReactToPrint
     trigger={() => <Print style={{cursor : 'pointer'}} />}
     content={() => componentRef.current}
/>
<PrintPanel myRef={componentRef} userData={props.userData} />

и это мой компонент PrintPanel:

<table ref={props.myRef} style={printStyles} className='DRT_PrintTable'>
                <tbody style={{ display : 'table' , border :'double 3px #000000' , padding : '25px' , height : '100vh'}}>
                    <tr style={{height : '21px'}}>
                        <td style={{width: '222px', height: '21px'}}>&nbsp;</td>
                        <td style={{width: '301px', height: '21px' , textAlign : 'center' , fontWeight : 'bold'}}>بسمه تعالی</td>
                        <td style={{width: '61px', height: '21px'}}>&nbsp;</td>
                    </tr> 
                    <tr style={{height: '21px',}}>
                        <td style={{width: '301px', height: '21px'}}>&nbsp;</td>
                        <td style={{width: '61px', height: '21px'}}>&nbsp;</td>
                        <td style={{ textAlign : 'left' , paddingLeft : '15px' , width: '222px', height: '21px' , paddingTop : '15px' , paddingBottom : '15px'}}>
                            تاریخ :&nbsp;
                                <span style={{display : 'inlin-block' , margin : '0 10px'}}>
                                    {momentJalali.format('YYYY/MM/DD')}
                                </span>
                        </td>
                    </tr>
                    <tr style={{height: '101px'}}>
                        <td style={{width: '584px', height: '101px'}} colSpan="3">
                            <p>
                                &nbsp;اینجانب
                                <span style={{display : 'inlin-block' , margin : '0 10px'}}>{fullName}</span>                                
                                به شماره کارمندی&nbsp; 
                                <span style={{display : 'inlin-block' , margin : '0 10px'}}>{personnelCode}</span>
                                اعلام می نمایم :
                            </p>
                            <p>ضمن مطالعه و پذیرش مفاد اطلاعیه برگزاری انتخابات کمیته انضباطی سال 1398 ، داوطلب عضویت در دوره چهارم کمیته انضباطی کارکنان بانک می باشم . بدیهی است تائید نهایی موضوع و احراز صلاحیت اینجانب پس از بررسی و اظهار نظر ادارات ذیصلاح خواهد بود .</p>
                        </td>
                    </tr>
                    <tr style={{height: '21px'}}>
                        <td style={{width: '301px', height: '21px'}}>&nbsp;</td>
                        <td style={{width: '61px' , height: '21px'}}>&nbsp;</td>
                        <td style={{width: '222px', height: '21px' , textAlign : 'left' ,  paddingTop : '35px', paddingLeft : '25px', fontWeight : 'bold'}}>&nbsp;نام و نام خانوادگی</td>
                    </tr>
                    <tr style={{height: '21px' }}>
                        <td style={{width: '301px', height: '21px'}}>&nbsp;</td>
                        <td style={{width: '61px', height: '21px'}}>&nbsp;</td>
                        <td style={{width: '222px', height: '21px' , textAlign : 'left', paddingBottom : '35px' , paddingLeft : '25px', fontWeight : 'bold'}}>&nbsp;امضاء و اثر انگشت</td>
                    </tr>
                    <tr style={{height: '21px'}}>
                        <td colSpan="3">&nbsp;خواهشمند است ضمن چاپ تعهدنامه و درج امضاء و اثر انگشت ، مراتب را به شماره 82962240 نمابر نموده و سپس اصل آن را به اداره کارگزینی / امور اداری مربوطه ارسال نمایید .</td>
                    </tr>
                    <tr style={{height : '400px'}}>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                    </tr>
                </tbody>
            </table>

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...