diff --git a/src/components/FormField/components/Table/RenderTable/index.js b/src/components/FormField/components/Table/RenderTable/index.js index cb7b31f..e30ac5e 100644 --- a/src/components/FormField/components/Table/RenderTable/index.js +++ b/src/components/FormField/components/Table/RenderTable/index.js @@ -2,7 +2,7 @@ import React from 'react'; import { flexRender, getCoreRowModel, useReactTable } from '@tanstack/react-table'; import { wrap } from 'object-path-immutable'; -const RenderTable = ({ data, columns, setRowsFn }) => { +const RenderTable = ({ data, columns, setRowsFn, disabled }) => { const table = useReactTable({ data, columns, @@ -16,6 +16,7 @@ const RenderTable = ({ data, columns, setRowsFn }) => { return ( table.options.meta?.updateData(index, id, e.target.value)} onBlur={onBlur} diff --git a/src/components/FormField/components/Table/index.js b/src/components/FormField/components/Table/index.js index 5d80b09..d08e21e 100644 --- a/src/components/FormField/components/Table/index.js +++ b/src/components/FormField/components/Table/index.js @@ -17,6 +17,7 @@ const Table = ({ label, register, errors, + disabled = false, config = {}, defaultValue = [], tableColumns = [] @@ -29,6 +30,9 @@ const Table = ({ const [rowIndexToDelete, rowRowIndexToDelete] = useState(null); const addNewRow = () => { + if (disabled) { + return; + } const obj = columnsCfg .reduce((acc, cur) => { acc[cur.name] = '' @@ -94,6 +98,7 @@ const Table = ({ header: () => '', footer: (props) => props.column.id, cell: ({row: { index }}) =>