edit mode interaction prevented

src/main.less

@@ -1,7 +1,9 @@
 .qv-object-qlik-smart-pivot {
   @TableBorder: 1px solid #d3d3d3;
   @KpiTableWidth: 230px;
-
+  .edit-mode{
+    pointer-events: none;
+  }
   ._cell(@Width: 50px) {
   	min-width: @Width!important;
   	max-width: @Width!important;

src/paint.jsx

@@ -11,10 +11,10 @@ export default async function paint ($element, layout, component) {
     component,
     layout
   });
-
+  const editmodeClass = component.inAnalysisState() ? '' : 'edit-mode';
   const jsx = (
     <React.Fragment>
-      <div className="kpi-table">
+      <div className={`kpi-table ${editmodeClass}`}>
         <HeadersTable
           data={state.data}
           general={state.general}
@@ -29,7 +29,7 @@ export default async function paint ($element, layout, component) {
           styling={state.styling}
         />
       </div>
-      <div className="data-table">
+      <div className={`data-table ${editmodeClass}`}>
         <HeadersTable
           data={state.data}
           general={state.general}