When using the cells prop, the .htSearchResult is no longer applied to a cell

I am using the React version. I have a function that I use to build a custom row (with buttons).

const cells = (row, col) => {
    const cellProperties = {};

    if (row === 0) {
      cellProperties.renderer = customButtonRenderer;
      cellProperties.readOnly = true;
      cellProperties.disableVisualSelection = true;
    }

    return cellProperties;
  };

…that I pass to a React component via cells={cells}. However, when i do this, I lose the .htSearchResult class that was formerly passed to any cell via the Search plugin.

Any recommendations on how I can restore this functionality?

Hi @kevin.klein

Thank you for contacting us. Can you please share a code demo where we can recreate the issue? We would need to see your custom renderer logic to determine what can be wrong.

Thank you for the response, and I apologize for my late response.

It turns out we had a race condition in our search functions. We were hiding rows that weren’t part of a query, and after digging around it appears that HoT had to perform a second query to apply the native .htSearchResult class to a matched cell.

I think using cells prop just exacerbated the issue and was unrelated, and was part of my confusion as we tried to debug this.