How to implement advanced data table filtering in carbon react?

[elahemirzaee]

hello,
recently I wanted to implement advanced data table filtering in my own project but I couldn't find anything about how to do that in your documentation. I have opened a new issue about it so that hopefully the documentation will be improved.
Meanwhile, could anyone help me find some relevant information about this or maybe show me some examples that have implemented this in a satisfactory manner.
This is what I already have:

<OverflowMenu flipped={true} size="lg" renderIcon={Filter}>
  <div className="overflow-menu__wrapper">
	{
	   Array(10).fill(0).map((_, i, arr) => (
			<Fragment key={i}>
				<FormLabel className="overflow-menu__label">
					Filter {i + 1}
						</FormLabel>
							<div role="group" aria-label="selectable tiles">
								<SelectableTile value="selectable-tile-1" name="tiles">
									Option 1
								</SelectableTile>
								<SelectableTile value="selectable-tile-2" name="tiles">
									Option 2
								</SelectableTile>
								<SelectableTile value="selectable-tile-3" name="tiles">
									Option 3
								</SelectableTile>
							</div>
							{/* <hr /> */}
							{arr.length - 1 !== i && <hr />}
				</Fragment>
				))}
				<Button className="w-full">
					Apply
				</Button>
				<Button kind="ghost" className="w-full">
					Reset
				</Button>
  </div>
</OverflowMenu>

Thanks