master
mahdi andalib 3 years ago
parent fae82dae7f
commit 1315307be2
  1. 18
      src/components/ReactTable5/BasicTable.js

@ -212,7 +212,7 @@ const BasicTable = ({ addTab, activeTab }) => {
> >
<tbody <tbody
{...getTableBodyProps()} {...getTableBodyProps()}
className={"divide-y divide-gray-200 "} className={"divide-y divide-gray-200 cursor-pointer"}
> >
{page.map((row, idx) => { {page.map((row, idx) => {
prepareRow(row); prepareRow(row);
@ -278,18 +278,20 @@ const BasicTable = ({ addTab, activeTab }) => {
{...getTableBodyProps()} {...getTableBodyProps()}
className="flex flex-row flex-wrap gap-4 items-center justify-center" className="flex flex-row flex-wrap gap-4 items-center justify-center"
> >
{page.map((row, index) => { {page.map((row, idx) => {
prepareRow(row); prepareRow(row);
return ( return (
<div <div
{...row.getRowProps()} {...row.getRowProps()}
className="flex flex-col items-stretch px-3 py-2 rounded-md w-52 relative" className={`flex flex-col items-stretch px-3 py-2 rounded-md w-52 relative ${
key={index} chekedItems.includes(row.original.id)
style={{ backgroundColor: "#F3F3F3" }} ? "bg-blue-200"
: "bg-blue-100"
}`}
key={idx}
// onClick={() => toggelChekedItems(row.original.id)}
> >
{/* {columns[5].Cell({ value: row.order_status })} */} <div onClick={() => toggelChekedItems(row.original.id)}>
{/* {console.log(row.values)} */}
<div className="absolute left-3">
{columns[0].Cell({ value: row.id })} {columns[0].Cell({ value: row.id })}
</div> </div>
<img <img

Loading…
Cancel
Save