Draggable column re-ordering for a Table?

[Robert Curl]

Hello  internet,

So I'm considering using the google.visualization library to power the data grids and charts on a project I'm working on. So far I've been able to replicate most of the functionality that's needed, with the exception of draggable columns for the purposes of reordering the columns in the data grid (google.visualization.Table).

Could anyone provide some code examples of how I could accomplish this, or just link to a tutorial that explains this? Not sure if this is possible, since I have found anything googling the topic.

Thanks in advance.

P.S. We're using jQuery && jQueryUI in the project as well if that makes any difference.

[asgallant]

The Table visualizations are just HTML tables with a few CSS and javascript tricks added in, so at a basic level, any code for dragging and dropping table columns can be applied.  Since you will likely lose all event handlers assigned to the column in the process of performing the drag-n-drop, I recommend using an event handler for the drag-n-drop to determine the new column order, rearrange the columns in the Table via a DataView to correspond to the new order, and redrawing the Table with the DataView.  This will give you the columns in the right order with all event handlers (to handle things like sorting by clicking column headers) and css tricks (freezing the table header when using a scrollable table) in place.

[Robert Curl]

Ok, thanks asgallant!

I'll try that approach.

--
You received this message because you are subscribed to a topic in the Google Groups "Google Visualization API" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/google-visualization-api/SpR4fcCSt0M/unsubscribe?hl=en.
To unsubscribe from this group and all its topics, send an email to google-visualizati...@googlegroups.com.
To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at http://groups.google.com/group/google-visualization-api?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.
 
 

--
+-----------------------------------------------------+
  Robert Curl (IT & Web App Consultant)

  phone: 302-468-7762 - skype: curl.robert

  facetime: curl....@gmail.com

  twitter - facebook - LinkedIn

+-----------------------------------------------------+