filter fix

Author: neotob

src/lib/ReactDataTable/ReactDataTable.tsx

@@ -124,7 +124,10 @@ const ReactDataTable = <TData,>(props: ReactDataTableProps<TData>) => {
                               <Input
                                 type="select"
                                 onChange={(e) => {
-                                  header.column.setFilterValue(e.target.value);
+                                  header.column.setFilterValue(
+                                    meta.dropdownFilter?.options[(e.target as any as HTMLSelectElement).selectedIndex]?.value ??
+                                      e.target.value,
+                                  );
                                 }}
                                 onKeyUp={({ key }) => {
                                   if (key === "Enter" && onEnter) {

src/lib/useReactDataTable/useReactDataTable.tsx

@@ -45,6 +45,9 @@ const useReactDataTable = <TData,>(props: useReactDataTableProps<TData>): useRea
   const effectiveOnPaginationChange = onPaginationChange ?? setPaginationInternal;
   const effectiveOnSortingChange = onSortingChange ?? setSortingInternal;
 
+  // If we active the manual filtering, we have to unset the filterfunction, else it still does automatic filtering
+  if (manualFiltering) columns.forEach((x) => (x.filterFn = undefined));
+
   const skeletonColumns = columns.map((column) => ({
     ...column,
     cell: () => <Skeleton />,