You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
709 B
32 lines
709 B
3 years ago
|
import React from "react";
|
||
|
|
||
|
const ShowMoreRows = ({ pageSize, setPageSize }) => {
|
||
|
return (
|
||
|
<select
|
||
|
className="text-white text-sm rounded cursor-pointer mr-2"
|
||
|
style={{
|
||
|
backgroundColor: "#65A9FF",
|
||
|
borderColor: "#65A9FF",
|
||
|
}}
|
||
|
value={pageSize}
|
||
|
onChange={(e) => setPageSize(Number(e.target.value))}
|
||
|
>
|
||
|
{[7, 10, 25, 50].map((pageSize) => (
|
||
|
<option
|
||
|
key={pageSize}
|
||
|
value={pageSize}
|
||
|
className=" text-xs"
|
||
|
style={{
|
||
|
direction: "ltr",
|
||
|
textAlign: "right",
|
||
|
}}
|
||
|
>
|
||
|
نمایش {pageSize}
|
||
|
</option>
|
||
|
))}
|
||
|
</select>
|
||
|
);
|
||
|
};
|
||
|
|
||
|
export default ShowMoreRows;
|