customdatatabledev - npm Package Compare versions

Comparing version 1.0.3 to 1.0.4

package.json

 {
   "name": "customdatatabledev",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "type": "module",
@@ -27,3 +27,2 @@ "description": "",
     "@types/react": "^18.2.60",
-    "bootstrap": "^5.3.3",
     "postcss": "^8.4.35",
@@ -30,0 +29,0 @@ "react": "^18.2.0",

README.md

@@ -13,3 +13,12 @@ # customdatatabledev
 npm i customdatatabledev
+npm i bootstrap
+```
 
+```bash
+import 'bootstrap/dist/css/bootstrap.min.css';
+
+
+  useEffect(() => {
+    require('bootstrap/dist/js/bootstrap.bundle.min.js');
+  }, []);
 ```
@@ -45,20 +54,20 @@
 
-Searching: Easily search through the table data.
-Sorting: Click on column headers to sort data in ascending or descending order.
-Pagination: Navigate through pages of data.
-Custom Cells: Use custom cells to display data in a way that suits your application.
+Searching: Easily search through the table data.<br/>
+Sorting: Click on column headers to sort data in ascending or descending order.<br/>
+Pagination: Navigate through pages of data.<br/>
+Custom Cells: Use custom cells to display data in a way that suits your application.<br/>
 
 ## Props
 
-Pagination: "true" or "false" - Enable or disable pagination.
-TableBody: Array of objects - Your tabular data.
-TableHead: Array of objects - Configuration for table headers.
-SearchFilter: "true" or "false" - Enable or disable the search filter.
-classes: String - Custom CSS classes for styling.
-recordPerPageProp: Number or "all" - Number of records per page or show all records.
-id: String - Identifier for the datatable.
-useref: Ref object - Reference to the datatable.
-printOption: Boolean - Enable or disable printing option.
-pdfOption: Boolean - Enable or disable exporting to PDF.
-isResponsive: Boolean - Enable or disable responsive design.
+Pagination: "true" or "false" - Enable or disable pagination.<br/>
+TableBody: Array of objects - Your tabular data.<br/>
+TableHead: Array of objects - Configuration for table headers.<br/>
+SearchFilter: "true" or "false" - Enable or disable the search filter.<br/>
+classes: String - Custom CSS classes for styling.<br/>
+recordPerPageProp: Number or "all" - Number of records per page or show all records.<br/>
+id: String - Identifier for the datatable.<br/>
+useref: Ref object - Reference to the datatable.<br/>
+printOption: Boolean - Enable or disable printing option.<br/>
+pdfOption: Boolean - Enable or disable exporting to PDF.<br/>
+isResponsive: Boolean - Enable or disable responsive design.<br/>
 
@@ -65,0 +74,0 @@ ## TableHead

rollup.config.js

@@ -11,9 +11,3 @@ import { defineConfig } from "rollup";
   },
-  external: [
-    "react",
-    "react-dom",
-    "bootstrap",
-    "bootstrap/dist/css/bootstrap.min.css",
-    "bootstrap/dist/js/bootstrap.bundle.min.js",
-  ],
+  external: ["react", "react-dom"],
   plugins: [
@@ -20,0 +14,0 @@ typescript({ tsconfig: "tsconfig.json" }),

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

50748

increased by0.18%

Dev dependency count

10

decreased by-9.09%

Number of lines in readme file

80

increased by12.68%

Worsened metrics

Lines of code

1281

decreased by-0.47%

No dependency changes