How to unfold rows in a table

I am trying to unfold rows in a table, just like text can be created to be shown and hidden using ocgx package. The problem here is that if I enter that line (of creating corresponding row in table) in ocgx, it shows error (obviously, since the full tabular environment is not in the ocg environment, just the line with alignment characters).

I want an environment that can compile or not compile the code written in it at my wish (toggled by pressing a button). Is that possible?

MWE

documentclass{article}
usepackage{ocgx}
begin{document}
    begin{tabular}{|c|c|} hline
            Hi&Hello hline   
            begin{ocg}{OCG 1}{ocg1}{1}
                Hi&hello     hline
             end{ocg}
    end{tabular}
    
    switchocg{ocg1}{Button.}
end{document}

EDIT Another MWE based on answer of AlexG.

usepackage{ocgx2} 
usepackage{hyperref} 

begin{document} 
    noindent% 
    begin{tabular}{|c|c|} hline 
        This is &row 1 hline   
    end{tabular}[-dimexprlineskip+fboxrulerelax] 
    begin{ocg}{OCG 1}{ocg1}{on} 
        begin{tabular}{|c|c|}hline 
            This is &row 2 hline 
        end{tabular}[-dimexprlineskip+fboxrulerelax]
    end{ocg}
    begin{tabular}{|c|c|} hline 
        This is &row 3 hline   
    end{tabular}
    noindentswitchocg{ocg1}{Button.} 
end{document}

Note that on pressing the button, second row becomes invisible, but it is still there, that I don’t want. It should be replaced by row 3 on pressing the button.

documentclass{article} 
usepackage{ocgx2} 
usepackage{hyperref} 
 
newenvironment{blabla}{}{} 
 
begin{document} 
    noindent% 
    begin{tabular}{|c|c|} hline 
            Hi&Hello hline   
    end{tabular}[-dimexprlineskip+fboxrulerelax] 
    begin{ocg}{OCG 1}{ocg1}{on} 
      begin{tabular}{|c|c|}hline 
              Hi&Hello hline 
      end{tabular} 
    end{ocg} 
 
    noindentswitchocg{ocg1}{Button.} 
end{document}