Fixed the selection and rendering issues of the syncstore

src/Gridler/stories/Examples.goapi.tsx

@@ -25,6 +25,9 @@ export const GridlerGoAPIExampleEventlog = () => {
     {
       id: 'process',
       title: 'Process',
+      tooltip: (buffer) => {
+        return `Process: ${buffer?.process}\nType: ${buffer?.processtype}\nStatus: ${buffer?.status}`;
+      },
       width: 200,
     },
     {
@@ -62,10 +65,17 @@ export const GridlerGoAPIExampleEventlog = () => {
         }}
         keyField="id_process"
         onChange={(v) => {
-          console.log('GridlerGoAPIExampleEventlog onChange', v);
+          //console.log('GridlerGoAPIExampleEventlog onChange', v);
           setValues(v);
         }}
+        sections={{
+          bottom: <div style={{ backgroundColor: 'teal', height: '25px' }}>bottom</div>,
+          left: <div style={{ backgroundColor: 'orange', width: '20px' }}>L</div>,
+          right: <div style={{ backgroundColor: 'green', width: '20px' }}>R</div>,
+          top: <div style={{ backgroundColor: 'purple', height: '20px' }}>top</div>,
+        }}
         selectedRow={selectRow ? parseInt(selectRow, 10) : undefined}
+        selectMode="row"
         uniqueid="gridtest"
         values={values}
       >