Maybe I overlooked it, but I could not find an example of adding a checkbox to the toolbar or in the page HTML which will show/hide rows, when ticked/unticked, based on a value in the rows.

On page load, I need all rows that contain the value \”surplus\” (in the column named \”status\”) to be hidden. When the checkbox is ticked, it will show those hidden rows  along with all of the other rows. Can someone please provide an example?