How to get filtered row count from table ref

[mdodge-ecgrow]

I have a ref created a couple components up the tree from my actual react-table. I create the ref like this: const tableRef = useRef<any>(null); and pass it down like this: <IngredientsTable tableRef={tableRef} and then in the Table component itself: const Table = forwardRef((props: TableProps, ref) => {. Now I am trying to figure out how to get the filtered row count up in this grandparent component. I tried something like this:

{` (Filtered: ${tableRef?.current?.getFilteredRowModel()?.rows.length})`}

But I am getting the error: Uncaught TypeError: tableRef.current.getFilteredRowModel is not a function. Any ideas how this can be done?

I should add that I also have this code in the Table component:

const columnsFiltersChange = () => {
		console.log({ count: table.getFilteredRowModel().rows.length });
		setFilteredCount(table.getFilteredRowModel().rows.length);
		setColumnFilters();
	};

	const table = useReactTable({
		data,
		columns,
		state: {
			sorting,
			rowSelection,
			globalFilter,
			columnFilters
		},
		initialState: {
			columnVisibility: {
				ID: false
			}
		},
		onSortingChange: setSorting,
		onRowSelectionChange: setRowSelection,
		// onColumnFiltersChange: setColumnFilters,
		onColumnFiltersChange: columnsFiltersChange,
		onGlobalFilterChange: setGlobalFilter,
		enableRowSelection: true,
		getCoreRowModel: getCoreRowModel(),
		getSortedRowModel: getSortedRowModel(),
		getFilteredRowModel: getFilteredRowModel()
		// debugTable: true
	});

And that console.log never fires.

[mdodge-ecgrow]

Still fighting with this issue almost exactly a year later if anyone has any ideas.

[mdodge-ecgrow]

I did try adding the function 'getFilteredRowCount' to my imperative handle and was able to get a count of filtered rows, but it was always one keystroke behind when searching.

useImperativeHandle(
		ref,
		() => ({
			// resetSelectedRows: () => table.toggleAllRowsSelected(false),
			resetSelectedRows: () => table.resetRowSelection(),
			removeSelectedRows: () => table.setRowSelection({}), // can't figure this out but i think we need to do
			getFilteredRowCount: () => table.getFilteredRowModel().rows.length
			// something with this to deselect rows after deleting with the options box
		}), // you can just use ({toggleAllRowsSelected}) and in Parent call tableRef.current.toggleAllRowsSelected() with ?bool param
		[]
	);