Question T15199
Visible to All Users

Dashboard table rows going to next line

created a year ago

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:
Clipboard-File-1.png

Can you please assist me with resolving my issue?

Kind Regards,
Rihan Louw

Show previous comments (2)

    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.

        Answers approved by surveyjs Support

        created a year ago (modified a year ago)

        Hello Rihan,
        Thank you for your patience. I attached a SurveyJS Tabulator demo with Angular v16.2. A Tabulator appears correctly on my side:
        Clipboard-File-2.png

        Please test the demo on your end. Pay special attention to how Tabulator styles are loaded in the angular.json file:

        JSON
        "styles": [ "tabulator-tables/dist/css/tabulator.min.css", "survey-analytics/survey.analytics.tabulator.css", "src/styles.css" ],

        Please let me know if it helps.

          Comments (2)

            Hi Jane,

            I hope you are well.

            Thank you very much for taking the time and trying to replicate what I am facing on my side.
            It really is much appreciated.

            I had a look at your demo and the differences between yours and mine and I have figured out what the problem is. I had the tabulator-tables npm package installed on my project and that seemed to overwrite the css for the survey-analytics npm package causing the cells to shift instead of introducing the scrollbar. Once I removed the tabulator-tables npm package and reinstalled the survey-analytics npm package that resolved my issue.

            The only reason I installed the tabulator-tables npm package is because the demo from the documentation had it installed as well.
            Not sure how the demo is working with that installed but that definitely resolved my problem.

            Will there be any documentation for setting up the dashboard table in the future?
            I believe this will really assist in this area as it was quite a struggle to get the table up and running successfully if you only have the demo to refer to.

            Also, do you currently support server side pagination or only local/front-end pagination?

            Thank you very much once again for all the effort and assistance from you side. It really is much appreciated.

            Looking forward to your feedback.

            Kind Regards,
            Rihan Louw

              Hello Rihan,
              Thank you for the update. I see that the tabulator-tables is installed as a dependency in our online demos. I will inform our techwriter to validate the demo and update our get started documentation to include a Tabulator integration.

              I'm happy to hear that you resolved the issue.

              Should you have any further questions, we are always here to help.

              And before I let you go…I would love it if you could leave a short review SurveyJS page at g2.com. Thank you in advance.