master
mahdi andalib 3 years ago
parent 17a1db9b2a
commit ee540ac29c
  1. 21
      src/components/ReactTable5/BasicTable.js

@ -17,6 +17,7 @@ import { Checkbox } from "./Checkbox";
import grid from "./grid.svg";
import list from "./list.svg";
import image1 from "./images/image1.svg";
import RenderRowSubComponent from "./RenderRowSubComponent";
import EditRow from "./EditRow";
@ -347,12 +348,20 @@ const BasicTable = ({
/>
)}
{/* GRID LIST */}
<div>
<div>
{data.map((item, index) => (
<p>{item.fileName}</p>
))}
</div>
<div className="flex flex-row gap-4">
{data.map((item, index) => (
<div
className="flex flex-col px-4 py-5 rounded-md"
key={index}
style={{ backgroundColor: "#fff" }}
>
<img src={image1} className="w-52" />
<p className="text-sm my-3">{item.fileName}</p>
<span className="text-xs text-left text-gray-500">
{item.fileSize}
</span>
</div>
))}
</div>
</>
);

Loading…
Cancel
Save