Hi,
I hope you are doing well.
I am having an issue with the Dashboard table and viewing my data. When there are too many questions and the columns do not fit then then columns started jumping to the next row which is not ideal. On the demo it has a scrollbar but mine does not have a scrollbar for some unknown reason. I am also unable to find any documentation for the table itself which is quite frustrating.
I have attached an image of what is happening below:
Can you please assist me with resolving my issue?
Kind Regards,
Rihan Louw
Hello Rihan,
Thank you for reaching our to us.
A tabulator should normally display a scrollbar rather than shift cells like it's displayed on your screenshot. I would recommend that you ensure that you use the latest version of SurveyJS libraries and that you followed the get started instructions for your JavaScript platform: https://surveyjs.io/dashboard/documentation/get-started-react.
Regarding the documentation:
SurveyJS Dashboard uses a third-party Tabulator library. You may wish to review the following documentation: https://tabulator.info/.
Please share your results with me.
Hi Jane,
Thank you very much for your quick response.
I have the latest version of SurveyJs libraries installed for my Angular project. I even went as far as to copy all of the demo code to have everything exactly the same but the cells are still shifting for some unknown reason. I even installed all of the npm packages that the demo has.
I have come across the tabulator documentation as well but I am not sure how to incorporate it and set options for the SurveyJs tabulator. Please advise on how I could do that please.
I am not sure what else to do to get the scrollbar working. Please advise what to do next.
I am looking forward to your response.
Kind Regards,
Rihan Louw
Hello Rihan,
Thank you for the update. For me to move forward, I need to get a reproducible demo to test it on my side. You can modify our Code Sandbox demo to replicatete the issue and send it to me for research.
I'm looking forward to your reply.
Thanks
Hi Jane,
I hope you are doing well.
I have created a brand new Angular project from scratch.
I then followed the instructions as per the dashboard set up steps and have installed any other npm packages that the demo uses as well. I then copied all of the code over from the demo and I still have the same problem as before. The scrollbar is not working on both Angular 12 and the latest Angular version. This also confirms that it has nothing to do with my other project that has a large code base as the same happens on a bare Angular application.
I hope this is enough information to replicate the issue as I unable to share the code base of the project I am working on.
I look forward to your response.
Kind Regards,
Rihan Louw
Hello Rihan,
Thank you for the update. I may need additional time to replicate the issue on my side. Please stay tuned.