Custom sorting not working

[eswari379]

It was not sorting correctly in SlickGrid if row data contained both uppercase and lowercase letters. I explored subscribing events and using the sorter and comparer functions to create a custom sorting technique.Nothing, yet, is working. Kindly provide a suggestion

//Sample data

id Name period
1 Abc 2023
2 cde 2024
3 zebra 2025
4 Baby 2026

// column def
const def = values?.map((item, index) => {
      const value = item?.value?.split('-');
      return {
        id: value[0],
        name: item.label,
        field: value[0],
        //  rerenderOnResize: true,

        filterable: true,
       
        sortable: true,
        comparer: (a, b) => {
          
          return a[value[0]].localeCompare(b[value[0]], undefined, {
            numeric: true,
            sensitivity: 'base',
          });
        
        },
        sorter: (a, b) => {
        
          return a[value[0]].localeCompare(b[value[0]], undefined, {
            numeric: true,
            sensitivity: 'base',
          });
        },
        
    }



// via event subscribtion for grouped data in slickgrid


     reactGrid?.gridService?._grid.onSort.subscribe((e, args) => {
      //  const sortdir = args.sortAsc ? 1 : -1;
      const sortcol = args.sortCol.field; // Title column

      const comparer = (a, b) => {
        return a[sortcol].localeCompare(b[sortcol], undefined, {
          numeric: true,
          sensitivity: 'base',
        });
      };

      reactGrid?.dataView.sort(comparer, args.sortAsc);
    });
  };

[ghiscoding]

I don't really understand what your problem and question are. I don't have time to answer everyone's questions, please provide a full repro via Stackblitz, or other platforms or GitHub repo