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.
On Tuesday, May 28, 2013 3:18:31 PM UTC-4, Robert Curl wrote: > > 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. > -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. 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.
