Hi @Pranshu1902, I have a doubt that when I dynamically add the top and left in the tailwind classNames, It is not working. Here I have attached a video that will shows about it, Is there any reason it is not working, I have added class like these in other projects but it worked. I guess it is not worked in oru project thats why I am curious about it. I have finished everything. I just want to position these buttons dynamically when the screen size changes that why I added like this but it won't work. Thanks for your help. https://github.com/coronasafe/care_fe/assets/92790024/19136622-6473-4d26-b0c4-5043065005cd

https://github.com/coronasafe/care_fe/issues/6636#issuecomment-1872963486

https://github.com/coronasafe/care_fe/assets/92790024/7f4f16dd-856c-4b18-ae6e-653c381e8366 As I told you the extra scroll will be there as the router has to be fixed. I guess the arrows are not required now. If it is required we can proceed with that.

https://github.com/coronasafe/care_fe/issues/6636#issuecomment-1872144648

Sorry for the delay, I will finish it and raise PR in this week. Thank you

https://github.com/coronasafe/care_fe/issues/6636#issuecomment-1872057822

Yes it will affect, so that have to change the overflow behaviour for the main page and need to apply it to all the specific pages.

https://github.com/coronasafe/care_fe/issues/6636#issuecomment-1858813094

As I see, the board it implemented in different flow, As I <img width="1440" alt="image" src="https://github.com/coronasafe/care_fe/assets/92790024/b4ca5371-9881-492a-a257-b9503647357a"> If we wonna set this on top header to be in fixed position, we have to change the rendering methods or we can change by having separate scroll for every columns. <img width="1440" alt="image" src="https://github.com/coronasafe/care_fe/assets/92790024/f1b1ef44-40ba-468f-9459-d81a9175295c"> <img width="1440" alt="image" src="https://github.com/coronasafe/care_fe/assets/92790024/728c08f6-7cb3-4bec-9cd5-e80865910843"> We can do it like this and prevent the overflow down to the page and need to change the app router overflow y scroll to max height to the screen and have to change all children pages to have scroll behaviour to prevent whole body scrolling while overflow. so that we won't have the extra scroll when there is no elements are overflow in the main page. If we have separate scroll for each column, we can have table headers on the top, it will only scroll only the below content. Provide your suggestion to continue my progress. Thank you. Give me your suggestions and feedback.

https://github.com/coronasafe/care_fe/issues/6636#issuecomment-1858796850

Ok Thank you. I will reach you, If I need any clarifications.

https://github.com/coronasafe/care_fe/issues/6636#issuecomment-1843216215

I would like to work on this issue. Can you assign it to me? Kindly give and explain the mock up design. Thank you

https://github.com/coronasafe/care_fe/issues/6636#issuecomment-1822416443