diff --git a/README.md b/README.md
index f564bb4..e1e42d6 100644
--- a/README.md
+++ b/README.md
@@ -47,6 +47,8 @@ var editor = EditorJS({
       config: {
         rows: 2,
         cols: 3,
+        maxRows: 5,
+        maxCols: 5,
       },
     },
   },
@@ -57,9 +59,11 @@ var editor = EditorJS({
 
 | Field              | Type     | Description          |
 | ------------------ | -------- | ---------------------------------------- |
-| `rows`             | `number` | initial number of rows. `2`  by default |
+| `rows`             | `number` | initial number of rows. `2` by default |
 | `cols`             | `number` | initial number of columns. `2` by default |
-| `withHeadings`             | `boolean` | toggle table headings. `false` by default |
+| `maxRows`          | `number` | maximum number of rows. `5` by params |
+| `maxCols`          | `number` | maximum number of columns. `5` by params |
+| `withHeadings`     | `boolean` | toggle table headings. `false` by default |
 
 ## Output data
 
diff --git a/example.html b/index.html
similarity index 93%
rename from example.html
rename to index.html
index 29bf431..4bae983 100644
--- a/example.html
+++ b/index.html
@@ -40,7 +40,7 @@
   <pre class="output"></pre>
 
   <script src="https://cdn.jsdelivr.net/npm/@editorjs/editorjs@latest"></script>
-  <script src="dist/table.js"></script>
+  <script src="./dist/table.umd.js"></script>
 
   <script>
 
@@ -51,7 +51,9 @@
           class: Table,
           inlineToolbar: true,
           config: {
-            withHeadings: true
+            withHeadings: true,
+            maxRows: 5,
+            maxCols: 5
           }
         }
       },
diff --git a/src/styles/table.pcss b/src/styles/table.pcss
index b7694cf..dbd52ba 100644
--- a/src/styles/table.pcss
+++ b/src/styles/table.pcss
@@ -100,6 +100,9 @@
   padding: 4px 0;
   justify-content: center;
   border-top: 1px solid var(--color-border);
+  &--disabled {
+    visibility: hidden;
+  }
 
   @media print {
     display: none;
@@ -111,6 +114,9 @@
   align-items: center;
   padding-left: 4px;
   position: relative;
+  &--disabled{
+    display : none;
+  }
 
   &::before {
     content: "";
@@ -190,4 +196,4 @@
 
 .tc-wrap--readonly .tc-row::after {
   display: none;
-}
+}
\ No newline at end of file
diff --git a/src/table.js b/src/table.js
index ea3e00c..7dc31fd 100644
--- a/src/table.js
+++ b/src/table.js
@@ -21,7 +21,9 @@ const CSS = {
   cell: 'tc-cell',
   cellSelected: 'tc-cell--selected',
   addRow: 'tc-add-row',
-  addColumn: 'tc-add-column'
+  addRowDisabled: 'tc-add-row--disabled',
+  addColumn: 'tc-add-column',
+  addColumnDisabled: 'tc-add-column--disabled',
 };
 
 /**
@@ -184,6 +186,9 @@ export default class Table {
         {
           label: this.api.i18n.t('Add column to left'),
           icon: IconDirectionLeftDown,
+          hideIf: () => {
+            return this.numberOfColumns === this.config.maxcols
+          },
           onClick: () => {
             this.addColumn(this.selectedColumn, true);
             this.hideToolboxes();
@@ -192,6 +197,9 @@ export default class Table {
         {
           label: this.api.i18n.t('Add column to right'),
           icon: IconDirectionRightDown,
+          hideIf: () => {
+            return this.numberOfColumns === this.config.maxcols
+          },
           onClick: () => {
             this.addColumn(this.selectedColumn + 1, true);
             this.hideToolboxes();
@@ -233,6 +241,9 @@ export default class Table {
         {
           label: this.api.i18n.t('Add row above'),
           icon: IconDirectionUpRight,
+          hideIf: () => {
+            return this.numberOfRows === this.config.maxrows
+          },
           onClick: () => {
             this.addRow(this.selectedRow, true);
             this.hideToolboxes();
@@ -241,6 +252,9 @@ export default class Table {
         {
           label: this.api.i18n.t('Add row below'),
           icon: IconDirectionDownRight,
+          hideIf: () => {
+            return this.numberOfRows === this.config.maxrows
+          },
           onClick: () => {
             this.addRow(this.selectedRow + 1, true);
             this.hideToolboxes();
@@ -348,6 +362,13 @@ export default class Table {
    */
   addColumn(columnIndex = -1, setFocus = false) {
     let numberOfColumns = this.numberOfColumns;
+     /**
+      * Check if the number of columns has reached the maximum allowed columns specified in the configuration,
+      * and if so, exit the function to prevent adding more columns beyond the limit.
+      */
+    if (this.config && this.config.maxcols && this.numberOfColumns >= this.config.maxcols) {
+      return;
+  }
 
     /**
      * Iterate all rows and add a new cell to them for creating a column
@@ -376,6 +397,10 @@ export default class Table {
       }
     }
 
+    const addColButton = this.wrapper.querySelector(`.${CSS.addColumn}`);
+    if (this.config?.maxcols && this.numberOfColumns > this.config.maxcols - 1 && addColButton ){
+      addColButton.classList.add(CSS.addColumnDisabled);
+    }
     this.addHeadingAttrToFirstRow();
   };
 
@@ -400,6 +425,13 @@ export default class Table {
      * It is necessary that the first line is filled in correctly
      */
     let numberOfColumns = this.numberOfColumns;
+     /**
+      * Check if the number of rows has reached the maximum allowed rows specified in the configuration,
+      * and if so, exit the function to prevent adding more columns beyond the limit.
+      */  
+    if (this.config && this.config.maxrows && this.numberOfRows >= this.config.maxrows && addRowButton) {
+      return;
+    }
 
     if (index > 0 && index <= this.numberOfRows) {
       let row = this.getRow(index);
@@ -421,6 +453,10 @@ export default class Table {
       $.focus(insertedRowFirstCell);
     }
 
+    const addRowButton = this.wrapper.querySelector(`.${CSS.addRow}`);
+    if (this.config && this.config.maxrows && this.numberOfRows >= this.config.maxrows && addRowButton) {
+      addRowButton.classList.add(CSS.addRowDisabled);
+    }
     return insertedRow;
   };
 
@@ -439,6 +475,10 @@ export default class Table {
 
       cell.remove();
     }
+    const addColButton = this.wrapper.querySelector(`.${CSS.addColumn}`);
+    if (addColButton) {
+      addColButton.classList.remove(CSS.addColumnDisabled);
+    }
   }
 
   /**
@@ -448,6 +488,10 @@ export default class Table {
    */
   deleteRow(index) {
     this.getRow(index).remove();
+    const addRowButton = this.wrapper.querySelector(`.${CSS.addRow}`);
+    if (addRowButton) {
+      addRowButton.classList.remove(CSS.addRowDisabled);
+    }
 
     this.addHeadingAttrToFirstRow();
   }
@@ -964,4 +1008,4 @@ export default class Table {
   destroy() {
     document.removeEventListener('click', this.documentClicked);
   }
-}
+}
\ No newline at end of file
diff --git a/vite.config.js b/vite.config.js
index 5de0928..b6f2a2e 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -19,9 +19,14 @@ export default {
     NODE_ENV: JSON.stringify(NODE_ENV),
     VERSION: JSON.stringify(VERSION),
   },
-
+  server: {
+    open: true, 
+    watch: {
+      usePolling: true, 
+    },
+  },
   plugins: [
-    cssInjectedByJsPlugin({useStrictCSP: true}),
-    dts({tsconfigPath: './tsconfig.json'})
-  ]
+    cssInjectedByJsPlugin({ useStrictCSP: true }),
+    dts({ tsconfigPath: './tsconfig.json' })
+  ],
 };