E
E
EvgenJunior2021-08-25 12:55:28
React
EvgenJunior, 2021-08-25 12:55:28

How to implement table wrapping when printing?

Good afternoon. colleagues!
I need to perform the following task: print a React component. React component rendered with Material ui(Table). I want to remove table wrapping by thead. I added css properties:

tableHead: {
    '@media print': {
        pageBreakInside: 'auto !important'
    }
  },
  tableMain: {
    '@media print': {
        pageBreakInside: 'avoid !important',
        pageBreakBefore: 'auto !important', 
        pageBreakAfter: 'auto !important'
    }
  }

But the properties don't work.
Please tell me how to manage the transfer of the table on the page when printing.
Thanks in advance for the tip!

Answer the question

In order to leave comments, you need to log in

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question