1000396: resolved latest concerns

Author: TamilRamGanesan-SF5080

Employee_Managment_App/src/components/Employees.tsx

@@ -32,7 +32,7 @@ const Employees = (props?: EmployeesProps) => {
 
   const employeeGridIns = useRef<GridComponent>(null);
   const tooltipObj = useRef<TooltipComponent>(null);
-
+  const gridRef = React.useRef<GridComponent | null>(null);
    // Use Syncfusion Grid API to auto-fit column widths and keep height auto-sized
   const onGridDataBound = React.useCallback(() => {
     const grid: any = employeeGridIns.current;
@@ -47,6 +47,8 @@ const Employees = (props?: EmployeesProps) => {
   useEffect(() => {
     const grid = employeeGridIns.current;
     if (!grid) return;
+    const gridEl = gridRef.current?.element;
+  if (!gridEl) return;
 
     // Clear existing filters and search when the pill changes
     grid.clearFiltering();
@@ -169,7 +171,7 @@ const Employees = (props?: EmployeesProps) => {
       >
         <GridComponent
           id="employees_grid"
-          ref={employeeGridIns}
+          ref={gridRef}
           dataSource={data}
           allowPaging={true}
           pageSettings={{ pageCount: 4, pageSize: 15 }}

Employee_Managment_App/src/index.css

@@ -22324,7 +22324,7 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-tc-pmark {
   font-size: 14px;
-  font-family: Roboto-Regular;
+  font-family: 'Roboto', sans-serif;
   font-weight: 600;
   color: rgb(1, 22, 119);
   margin: 0 2px;
@@ -71041,6 +71041,9 @@ td.cardcell.separateline {
   .org-filters__pills .org-pill{
     margin-bottom: 7px;
   }
+  #employees_grid .e-popup.e-popup-open.e-dialog{
+    top: 135.8px !important;
+  }
 
   .achievements-content .card-control-section.basic_card_layout .col-xs-6.col-sm-6.col-lg-6.col-md-6 {
     width: 100%;