feat: add drag and drop column rearrangement for table viz

[stevetracvc]

Bringing this over from superset-ui (some discussion was on the old PR)
apache-superset/superset-ui#1423

SUMMARY

Add the ability for the end user to drag and drop columns for a table visualization

Table designer can enable column rearrangement in the config options when building the table. Then, user can drag columns around

These are volatile changes, so when the browser is refreshed, the column order goes back to default. Demo is in the chart edit page, which is just for simple demonstration purposes. This is intended for the end user to be allowed to rearrange the columns.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

OFF

ON

ADDITIONAL INFORMATION

• Has associated issue: Drag and Drop user-reorganizable columns in the Table Viz #19380
• Fixes Drag and Drop user-reorganizable columns in the Table Viz #19380
• Required feature flags:
• Changes UI
• Includes DB Migration (follow approval process in SIP-59)
  • Migration is atomic, supports rollback & is backwards-compatible
  • Confirm DB migration upgrade and downgrade tested
  • Runtime estimates and downtime expectations provided
• Introduces new feature or API
• Removes existing feature or API

[codecov]

Codecov Report

Merging #19381 (679dde8) into master (2b53578) will decrease coverage by 0.06%.
The diff coverage is 20.83%.

@@            Coverage Diff             @@
##           master   #19381      +/-   ##
==========================================
- Coverage   66.67%   66.61%   -0.07%     
==========================================
  Files        1676     1678       +2     
  Lines       64715    64814      +99     
  Branches     6506     6522      +16     
==========================================
+ Hits        43151    43173      +22     
- Misses      19878    19949      +71     
- Partials     1686     1692       +6     

Flag	Coverage Δ
javascript	51.23% <20.83%> (-0.09%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
...ugin-chart-table/src/DataTable/hooks/useSticky.tsx	4.25% <0.00%> (ø)
...nd/plugins/plugin-chart-table/src/controlPanel.tsx	16.66% <ø> (ø)
...d/plugins/plugin-chart-table/src/transformProps.ts	63.63% <ø> (ø)
...ins/plugin-chart-table/src/DataTable/DataTable.tsx	35.39% <17.64%> (-3.15%)	⬇️
...tend/plugins/plugin-chart-table/src/TableChart.tsx	38.35% <33.33%> (-0.22%)	⬇️
.../components/Header/HeaderActionsDropdown/index.jsx	67.79% <0.00%> (-3.64%)	⬇️
...ontend/src/dashboard/components/dnd/DragHandle.tsx	83.33% <0.00%> (-2.39%)	⬇️
...tend/src/components/Datasource/DatasourceModal.tsx	69.04% <0.00%> (-1.69%)	⬇️
...d/src/explore/components/PropertiesModal/index.tsx	68.85% <0.00%> (-1.15%)	⬇️
...atasourcePanel/DatasourcePanelDragOption/index.tsx	88.88% <0.00%> (-1.12%)	⬇️
... and 26 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 2b53578...679dde8. Read the comment docs.

[stevetracvc]

@rusackas @junlincc I finally got around to merging in the monorepo, so I'm reviving this PR :)

[ktmud]

This looks great! I have only a couple of nits.

[stevetracvc]

@ktmud let me know if there's anything else you think should be changed!

[stevetracvc]

@ktmud same with this one. Anything else you think I need to do for this one?

[ktmud]

@ktmud same with this one. Anything else you think I need to do for this one?

This looks good. Thanks for your contribution! And sorry for missing your message earlier.

[stevetracvc]

Awesome, no prob, I'm glad you liked it!