How can I filter a table once it has loaded?

[apuchitnis]

How can I set a select column filter on one of my table's columns once the table has loaded?

I thought this would be straight-forward, but I couldn't work it out myself unfortunately, and I couldn't find any relevant documentation online.

I tried to use useEffect as follows, but to no luck:

  useEffect(() => {
      var element = document.getElementById('myColumnId');
      if (element != null) {
        if (element.value == '') {
          element.value = 'Yes'
        }
      };
  }, [])

[apuchitnis]

Figured this out - didn't need to use useEffect.

I used initialState.filters instead.

Very easy 😄

[maryamWOW]

Would you please elaborate on your answer? I used intialState.filters as well. but it wasn't applied to my table.

[apuchitnis]

See https://github.com/apuchitnis/open-mic-nights/blob/master/src/index.js#L261.