Added column re-ordering

[snipe]

This is an experimental branch that adds the long-requested column re-ordering functionality. I've tried this before with mixed results, but I think BS tables and some of the extensions associated may have improved over time.

Shorter tables:

Screen.Recording.2023-09-15.at.10.02.37.PM.mov

Longer tables with sticky header:

Screen.Recording.2023-09-15.at.10.04.46.PM.mov

I have noticed a few times where the wrong values are displaying when a column is moved, as if it remembers the value of the column but only moves the header. It's hard to reproduce though. :-/ (This is similar to what I ran into the last time I tried this. It's fixable by moving the column again, but it might be too annoying to users to keep this feature.)

It's also a little annoying that when you click on the column header to re-order it, it also re-sorts it, but I'm not sure if there's a way around this.

If you're wondering why we're not using the node modules, it's because the drag table and re-sort libraries haven't had a release haven't been updated in npm in quite some time (they have tagged releases), and the highest I can get from npm is 2.0.12, while the latest is 2.0.15. :(

[what-the-diff]

PR Summary

• Enhancements in CSS Files
  The css file (public/css/dist/all.css) has been updated, including the addition of dragtable styles and a refresh in skin styles. The same dragtable styles are introduced in public/css/dist/bootstrap-table.css.

• Update in mix-manifest.json
  The versions for all.css and bootstrap-table.css have been changed to reflect their latest revisions.

• New dragtable.css File
  A new css file - resources/assets/css/dragtable.css is introduced with this PR.

• Changes in bootstrap-table.blade.php
  The file - resources/views/partials/bootstrap-table.blade.php sees a JavaScript code update boosting the functionality of the bootstrap table. A new option is also added to allow rearrangement of columns.

• Updates in webpack.mix.js File
  Both the list of CSS and JavaScript files in webpack.mix.js get new additions: dragtable.css for CSS, and dragtable.js along with bootstrap-table-reorder-columns.js for JavaScript. These updates aim to augment the user interface.

[marcusmoore]

The quirks you mentioned are valid but I hope the ability to arrange columns overcomes them. (I wasn't able to trigger the wrong values being displayed after re-ordering)

It's also a little annoying that when you click on the column header to re-order it, it also re-sorts it, but I'm not sure if there's a way around this.

This didn't seem to happen for me in Brave FWIW. I'm using an Apple Trackpad that doesn't require actually clicking to drag though so maybe that was the key?

[snipe]

This didn't seem to happen for me in Brave FWIW. I'm using an Apple Trackpad that doesn't require actually clicking to drag though so maybe that was the key?

Huh. I'm using my trackpad on my MacBook Pro. I tested on Safari and Firefox (and I think Chrome).

[snipe]

As I mentioned on the dev call today, I might feel better making this something the user can turn off, just in case it's frustrating to them. That might come later though, depending on user feedback.

[marcusmoore]

Huh. I'm using my trackpad on my MacBook Pro. I tested on Safari and Firefox (and I think Chrome).

Hm...I'm using an Apple Magic Trackpad but that shouldn't make a difference...

CleanShot.2023-09-18.at.12.55.11.mp4

---

I might feel better making this something the user can turn off, just in case it's frustrating to them

I think that's a pretty good idea...