I voted for this feaure request: New Table Data Sorting Is there a way, even using code, to not allow users to click a heading to sort? My table has a rather complicated, specific sort column, and any other sort wouldn’t make sense. It’s also not obvious how to revert to the specified sort column o…

If you apply grouping, the header is counted as the second row. Please test it again. .newTable tr:nth-child(2) > td > button { pointer-events: none; }

[image] HeartwoodTreeCo: how to revert to the specified sort column once a header has been clicked. You need to click 3 times: Sheet order (dimmed downward triangle icon ▼) Ascending (downward triangle icon ▼) Descending (upward triangle icon ▲) [image] HeartwoodTreeCo: even using code…

Thanks! I’ve only dabbled in CSS and I don’t have any success under my belt so far. When I insert that code in the Custom CSS settings, and the corresponding CSS class in the component, toggle on preview, I still get the sort arrows. Is there another step I need to do? Sorry I’m not very experience…

Yes, that matches what I have tried

This should work if you do it correctly as shown in the screenshot provided by @Eric_Penn .

Disregard previous comment, I think that the “Preview Custom CSS” button on my end was not turned on. Can you try again and turn that on? [image]

Pretty sure I’m tracking the advice here, but it’s still not working. [image] [image] [image] The sort arrow in the last image shows up and functions. Is the code supposed to disable it, hide it, or both? I’d prefer both, but I’d be ok with just disabling it.

Could you provide clearer data or a screenshot? Is your last image the header, in the main table without grouping or with grouping?

[image] There is grouping and column headers are blank, which is my preference for this table.

[image] Himaladin: .newTable tr:nth-child(2) > td > button { pointer-events: none; } Brilliant! Thanks for the answer :clap:

Disable clicking column header to sort new table component?

Ask for Help

Eric_Penn August 27, 2024, 6:21pm 4

Please try it like this

The CSS goes under App → Settings → Appearance
Screenshot 2024-08-27 at 2.18.56 PM

And the class name goes under the Table Component → Options → CSS class

Topic		Replies	Views
Ability to "Sort Data" in New Table Report a Bug	11	301	May 1, 2024
Hide empty column headers in a table using CSS Ask for Help	9	267	September 10, 2024
New Table Element Feedback & Bugs Report a Bug	22	524	March 22, 2025
Group by in table component Feature Requests	3	53	February 21, 2025
New Table Data Sorting Feature Requests	0	94	May 25, 2024

Disable clicking column header to sort new table component?

Related topics