forked from liara-cloud/docs
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathTable.js
More file actions
36 lines (34 loc) · 828 Bytes
/
Copy pathTable.js
File metadata and controls
36 lines (34 loc) · 828 Bytes
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
import React from "react";
const Table = ({ headers = [], data = [] }) => {
return (
<div
className="table-container"
style={{
background: "#ffffff08",
margin: "20px 0px",
overflowX: "auto",
}}
>
<table style={{ width: "100%", textAlign: "center" }}>
<tr>
{headers.map((header, index) => (
<th key={index}>{header}</th>
))}
</tr>
{data.map((row, rowIndex) => (
<tr key={rowIndex}>
{row.map((cell, cellIndex) => (
<td
key={cellIndex}
style={cellIndex === 1 ? { direction: "ltr" } : {}}
>
{cell}
</td>
))}
</tr>
))}
</table>
</div>
);
};
export default Table;