I am currently working on a sophisticated reporting solution.
Essentially, I have created a table using an ngFor loop where I have implemented certain conditions that allow the user to view details of a clicked element by expanding and collapsing it.
The issue lies in these conditions executing infinitely. What I require is for these conditions to only be checked once. The continuous checking of conditions is causing performance degradation of the UI.
Here is the code snippet:
<div class="row" style="position:relative; overflow: hidden; margin-bottom: 30px;" >
<!-- Code here -->
</div>
Below are insights into the functions and conditions used:
1) checkColumnVisibiliy(col): This function is utilized to display specific columns based on local storage settings.
2) checkIfHaveMoreSplits(nextsplit): This function determines if a table row should be expanded or collapsed based on the availability of the next split.
3) convertToDecimals(number, decimal): Used to convert long integers into user-friendly numbers.
Your assistance would be greatly appreciated.