Blueprint by Tiny
Return to
Return to Tiny.cloudTry TinyMCE for Free
Search by

Sorting HTML tables

Ben Long

December 17th, 2019

2 min read

Written by

Ben Long


How-to Use TinyMCE


If you are working with HTML tables, and you want to provide readers with a way of sorting rendered HTML table data, you could implement your own table sort functionality. There are a few examples on the Internet, such as these Javascript examples from W3Schools.

On the other hand, if you’re using our WYSIWYG HTML editor in your applications, and you want to enable your content creators to sort table data while working with it in the editor, now they can with our Advanced Tables plugin.


TinyMCE WYSIWYG HTML editor with sample table data, sorted by first column in ascending order.


This saves your users time, especially when working with large datasets, because they no longer have to find workarounds to manipulate it (like pasting it to and from Microsoft Excel).


Sorting columns and rows with Advanced Tables in TinyMCE

The Advanced Table premium plugin extends the core TinyMCE table plugin by adding table sort options for numerical and text data.

It even goes one step further than most table sort functionality by allowing users to sort on rows as well as columns.


Sort menu displayed for selected column.


Advanced Sort dialog.


Enabling Advanced Tables

To enable the Advanced Tables plugin, add advtable to the list of plugins when initializing TinyMCE. For example:

  plugins: "table advtable",
  menubar: "table",

NOTE: Advanced Tables can be purchased on its own, but it’s also included in our Tiny Pro Bundle, together with a whole range of productivity tools. (You can get a free trial of all our premium plugins with our free API Key for TinyMCE!)

For more information about Advanced Tables, check out the related documentation.


What next?

Look out for more functionality coming to Advanced Tables in future releases.

Don’t yet have a cloud subscription? Get a free API Key (including a trial of our premium plugins).

Contact us now for more information about our WYSIWYG HTML editor and how it’s helping other developers and users of their apps.

byBen Long

Computer scientist, storyteller, teacher, and an advocate of TinyMCE. Reminisces about programming on the MicroBee. Writes picture books for kids. Also the wearer of rad shoes. “Science isn’t finished until you share the story.”

Related Articles

  • How-to Use TinyMCE

    How to upgrade TinyMCE 5 to TinyMCE 6

    by Joe Robinson in How-to Use TinyMCE
Subscribe for the latest insights served straight to your inbox every month.

Deploy TinyMCE in just 6 lines of code

Built to scale. Developed in open source. Designed to innovate.

Begin with your FREE API Key
Tiny Editor
Tiny logo
Privacy Policy - Terms of Use© 2023 Tiny Technologies Inc.TinyMCE® and Tiny® are registered trademarks of Tiny Technologies, Inc.


  • TinyMCE
  • Tiny Drive
  • Customer Stories
  • Pricing