update

src/components/ReactTable5/BasicTable.js

@@ -232,6 +232,7 @@ const BasicTable = ({ addTab, activeTab }) => {
                         }
                       >
                         {row.cells.map((cell, index) => {
+                          // console.log(row.cells);
                           return (
                             <td
                               {...cell.getCellProps({
@@ -248,6 +249,7 @@ const BasicTable = ({ addTab, activeTab }) => {
                               role="cell"
                             >
                               {cell.render("Cell")}
+                              {/* {console.log(cell.filePic)} */}
                             </td>
                           );
                         })}
@@ -260,7 +262,7 @@ const BasicTable = ({ addTab, activeTab }) => {
                               addTab={addTab}
                               row={row.original}
                             />
-                            {console.log(row.original)}
+                            {/* {console.log(row.original)} */}
                           </td>
                         </tr>
                       ) : null}
@@ -281,18 +283,21 @@ const BasicTable = ({ addTab, activeTab }) => {
                 return (
                   <div
                     {...row.getRowProps()}
-                    className="flex flex-col px-4 py-5 rounded-md"
+                    className="flex flex-col items-stretch px-3 py-2 rounded-md w-52 relative"
                     key={index}
                     style={{ backgroundColor: "#F3F3F3" }}
                   >
-                    <input type="checkbox" />
+                    {/* {columns[5].Cell({ value: row.order_status })} */}
-                    <div className="bg-red-500"> {row.original.Checkbox}</div>
+                    {/* {console.log(row.values)} */}
+                    <div className="absolute left-3">
+                      {columns[0].Cell({ value: row.id })}
+                    </div>
                     <img
                       src={row.original.filePic}
                       alt={row.original.filePic}
-                      className="w-52"
+                      className="w-16 mx-auto"
                     />
-                    <p className="text-sm my-3">{row.original.fileName}</p>
+                    <p className="text-xs my-3">{row.original.fileName}</p>
                     <span className="text-xs text-left text-gray-500">
                       {row.original.fileSize}
                     </span>