Data Grid Widget: Hiding sort icon

  • genevaheights
    Asked on June 28, 2024 at 2:35 PM
  • Jovito JotForm Support
    Replied on June 28, 2024 at 4:22 PM

    Hi Geneva,

    Thanks for reaching out to Jotform Support. I understand what you’d like to do, but I’ll need a bit of time to work out a solution. I’ll get back to you shortly.

    Let us know if you have any other questions.

  • Jovito JotForm Support
    Replied on June 28, 2024 at 4:56 PM

    Hi Geneva,

    It's easy to hide the arrow head icon of the header in the Data Grid Widget. Let me show you how:

    1. In Form Builder, select the widget’s wand icon to open settings.

    2. In the settings panel on the right, go to Custom CSS at the top.

    3. Enter this CSS code in the textarea:

    th { pointer-events: none !important; } 
    .table-sort { visibility: hidden !important; }

    4. Select Update Widget at the bottom to save the changes.

    Data Grid Widget: Hiding sort icon Image 1 Screenshot 30

    Here's the result:

    Data Grid Widget: Hiding sort icon Image 2 Screenshot 41

    You can also check my cloned form as a reference. 

    Give it a try and let us know how it goes.

 
Your Answer