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 grid from "./grid.svg";
import list from "./list.svg"; import list from "./list.svg";
import image1 from "./images/image1.svg";
import RenderRowSubComponent from "./RenderRowSubComponent"; import RenderRowSubComponent from "./RenderRowSubComponent";
import EditRow from "./EditRow"; import EditRow from "./EditRow";
@ -347,12 +348,20 @@ const BasicTable = ({
/> />
)} )}
{/* GRID LIST */} {/* GRID LIST */}
<div> <div className="flex flex-row gap-4">
<div> {data.map((item, index) => (
{data.map((item, index) => ( <div
<p>{item.fileName}</p> className="flex flex-col px-4 py-5 rounded-md"
))} key={index}
</div> 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> </div>
</> </>
); );

Loading…
Cancel
Save