reactjs -仅在打印时显示行

@media print {
  .print-only-row {
    display: table-row !important;
  }
  .print-only-row td {
    display: table-cell !important;
  }
  .print-only-row th {
    display: table-cell !important;
  }
  .hide-on-print {
    display: none !important;
  }
}

import React from 'react';
import './PrintTable.css';

function PrintTable() {
  return (
    <table>
      <thead>
        <tr>
          <th>Column 1</th>
          <th>Column 2</th>
          <th className="hide-on-print">Column 3</th>
        </tr>
      </thead>
      <tbody>
        <tr className="print-only-row">
          <td>Row 1, Column 1</td>
          <td>Row 1, Column 2</td>
          <td className="hide-on-print">Row 1, Column 3</td>
        </tr>
        <tr className="print-only-row">
          <td>Row 2, Column 1</td>
          <td>Row 2, Column 2</td>
          <td className="hide-on-print">Row 2, Column 3</td>
        </tr>
      </tbody>
    </table>
  );
}

export default PrintTable;