|
|
@ -9,7 +9,7 @@ import { ColumnSearch } from "./ColumnSearch"; |
|
|
|
import { GlobalFilter } from "./GlobalFilter"; |
|
|
|
import { GlobalFilter } from "./GlobalFilter"; |
|
|
|
|
|
|
|
|
|
|
|
import { ToggleColumns } from "./ToggleColumns"; |
|
|
|
import { ToggleColumns } from "./ToggleColumns"; |
|
|
|
import { COLUMNS } from "./columns"; |
|
|
|
import { COLUMNS } from "./COLUMNS"; |
|
|
|
import { Pagination } from "./Pagination"; |
|
|
|
import { Pagination } from "./Pagination"; |
|
|
|
import { GoToPage } from "./GoToPage"; |
|
|
|
import { GoToPage } from "./GoToPage"; |
|
|
|
import { Settings } from "./Settings"; |
|
|
|
import { Settings } from "./Settings"; |
|
|
@ -105,13 +105,14 @@ const BasicTable = ({ |
|
|
|
); |
|
|
|
); |
|
|
|
|
|
|
|
|
|
|
|
const { globalFilter, pageIndex, pageSize } = state; |
|
|
|
const { globalFilter, pageIndex, pageSize } = state; |
|
|
|
|
|
|
|
|
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<> |
|
|
|
<> |
|
|
|
{/* toggle columns */} |
|
|
|
{/* toggle columns */} |
|
|
|
<ToggleColumns |
|
|
|
{/* <ToggleColumns |
|
|
|
allColumns={allColumns} |
|
|
|
allColumns={allColumns} |
|
|
|
getToggleHideAllColumnsProps={getToggleHideAllColumnsProps} |
|
|
|
getToggleHideAllColumnsProps={getToggleHideAllColumnsProps} |
|
|
|
/> |
|
|
|
/> */} |
|
|
|
<div className="flex flex-row items-center justify-between"> |
|
|
|
<div className="flex flex-row items-center justify-between"> |
|
|
|
{/* right box */} |
|
|
|
{/* right box */} |
|
|
|
<div className="flex-1"> |
|
|
|
<div className="flex-1"> |
|
|
@ -125,7 +126,7 @@ const BasicTable = ({ |
|
|
|
{/* left box */} |
|
|
|
{/* left box */} |
|
|
|
{activeTab == 0 ? ( |
|
|
|
{activeTab == 0 ? ( |
|
|
|
<div |
|
|
|
<div |
|
|
|
className="p-2 flex flex-row items-center justify-end rounded-tl rounded-tr" |
|
|
|
className="p-2 flex flex-row items-center rounded-tl rounded-tr" |
|
|
|
style={{ backgroundColor: "#F1F6FF" }} |
|
|
|
style={{ backgroundColor: "#F1F6FF" }} |
|
|
|
> |
|
|
|
> |
|
|
|
{/* search box */} |
|
|
|
{/* search box */} |
|
|
@ -161,6 +162,7 @@ const BasicTable = ({ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
) : null} |
|
|
|
) : null} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
{/* table */} |
|
|
|
{activeTab == 0 ? ( |
|
|
|
{activeTab == 0 ? ( |
|
|
|
<> |
|
|
|
<> |
|
|
|
<table |
|
|
|
<table |
|
|
|