react-live-data-table 1.0.10 → 1.0.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-live-data-table",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "description": "Your React component package with Tailwind",
   "main": "src/index.js",
   "module": "dist/index.esm.js",

package/src/ReactDataTable.jsx

@@ -16,7 +16,8 @@ function ReactDataTable({
   emptyText,
   rowHeights = 40,
   headerProps = {},
-  selected={}
+  selected = {},
+  showSelectAllCheckbox=true
 }) {
   const tableContainerRef = React.useRef(null);
   const [data, setData] = React.useState({ pages: [], meta: { totalPages: 1 } });
@@ -24,10 +25,10 @@ function ReactDataTable({
   const [pageParam, setPageParam] = React.useState(1);
   const [selectedRows, setSelectedRows] = React.useState(selected);
 
- 
-   useEffect(()=>{
-    setSelectedRows({...selected})
-   },[selected])
+
+  useEffect(() => {
+    setSelectedRows({ ...selected })
+  }, [selected])
 
   useEffect(() => {
     setData({ pages: [], meta: { totalPages: 1 } });
@@ -170,7 +171,7 @@ function ReactDataTable({
     minWidth: 50,
     textAlign: "center",
     header: ({ data }) => (
-      <div className="flex items-center justify-center h-[40px]">
+      showSelectAllCheckbox ? <div className="flex items-center justify-center h-[40px]">
         <input
           id={data.id}
           type="checkbox"
@@ -179,6 +180,8 @@ function ReactDataTable({
           onChange={(e) => handleSelectAll(e.target.checked, flatData)}
         />
       </div>
+        :
+        <div className="flex items-center justify-center h-[40px]"></div>
     ),
     cell: ({ row }) => {
       return (