Fix events demo

src/Demos/EventsDemo/EventsDemo.scss

@@ -1,19 +1,21 @@
-.ka-tbody{
-  max-height: 300px;
-}
+.events-demo{
+  .ka-tbody{
+    max-height: 300px;
+  }
 
-.events{
-  margin: 20px 0 0 0;
-  max-height: 200px;
-  overflow: auto;
+  .events{
+    margin: 20px 0 0 0;
+    max-height: 200px;
+    overflow: auto;
 
-  > div{
-    padding: 5px;
-    background-color: #d1d5d7;
-    border: 1px solid #f1f5f7;
+    > div{
+      padding: 5px;
+      background-color: #d1d5d7;
+      border: 1px solid #f1f5f7;
 
-    .type{
-      color: #00f;
+      .type{
+        color: #00f;
+      }
     }
   }
 }

src/Demos/EventsDemo/EventsDemo.tsx

@@ -44,7 +44,7 @@ const EventsDemo: React.FC = () => {
     changeEvents((prevValue) => ([{ type: event, data: `${JSON.stringify(eventData)}` }, ...prevValue]));
   };
   return (
-    <>
+    <div className='events-demo'>
       <Table
         {...option}
         data={data}
@@ -59,7 +59,7 @@ const EventsDemo: React.FC = () => {
           </div>
         ))}
       </div>
-    </>
+    </div>
   );
 };