Remove rows from table

Hello,

There is a website that shows a long table of financial data about companies (see images attached of the table).

I need JS/CSS code to use in this chrome extension (https://chrome.google.com/webstore/detail/user-javascript-and-css/nbhcbdghjpllgmfilhnhkllmkecfmpld) that will hide/remove (e.g. display:none) rows of data in this table that I do not need to see.

If the 'Annual (FY)' table is selected, show these 9 rows only (in this order):

EPS, Adjusted
- YoY % Chg

Sales, Adjusted
- YoY % Chg

Net Income, adjusted
- YoY % Chg
- Net Income Adj. Margin %

Return on Equity (ROE)
- YoY Cng

If 'Quarterly (FQ)' table is selected, show these 9 rows only (in this order)

EPS, Adjusted
- YoY % Chg
- QoQ % Chg

Sales, Adjusted
- YoY % Chg
- QoQ % Chg

Net Income, adjusted
- QoQ % Chg
- Net Income Adj. Margin %

Note: To work on this, I will provide login details to view this table where you can test your code using the extension above

Thank you