Table Table.tsx

0% Statements 0/1

100% Branches 0/0

0% Functions 0/1

0% Lines 0/1

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { PropsWithChildren, ReactElement } from "react";
 
export default function Table({
  children,
}: Readonly<PropsWithChildren>): ReactElement {
  return (
    <table>
      {children}
      <style jsx>{`
        table {
          border-collapse: collapse;
          width: 100%;
          background-color: black;
          color: white;
        }
        table :global(th) {
          background-color: #333;
          border: 1px solid #ddd;
          padding: 8px;
          text-align: left;
        }
        table :global(td) {
          border: 1px solid #ddd;
          padding: 8px;
          text-align: left;
        }
        table :global(tr:nth-child(even)) {
          background-color: #222;
        }
        table :global(tr:hover) {
          background-color: #444;
        }
        table :global(caption) {
          caption-side: top;
          font-size: 1.2em;
          padding: 10px;
          color: white;
        }
      `}</style>
    </table>
  );
}