[Amemeda]

Updated server_process_common.js:

• New custom button "Reset" added per DataTable next to the Column Selection Dropdown (gear icon). This button resets stored column ordering and column selection.
• Added the ability for a DataTable to have a horizontal scroll bar. It applies to all DataTables, but will only display on tables that are too wide for the screen display. The following pages contain tables that are now horizontally scrollable:
  Servers: Compactors
  Servers: Managers
  Servers: Scan Servers
  Servers: Tablet Servers
  Activity: Compaction Overview

---

Display of horizontal scroll and Reset button

Screenshot of Compaction Overview, showing the horizontal scroll bar active on Compaction Coordinator Activity table, and the position of the new reset button:

---

Reset button includes hover text:

---

Sample of using Reset button

1. Using the existing Column Selection Dropdown, I have deselected "Last Contact" column (1st column) which removes it from the table, I have also dragged and moved "Resource Group" to a different order in the table (4th column).

2. I press the Reset button, "Last Contact" column is now selected again and visible as 1st column, and "Resource Group" is moved back to its original order of 2nd column.

---

This pr closes #6546

[DomGarguilo]

Noticing a few issues here

1. The header and body border for the tables are misaligned now. The screenshots you attached to this PR show that.
2. scrolling jumps back to the left on every auto-refresh. this makes the new scrolling feature almost unusable. We probably need to save the scroll position before destroy() and restore it after the DataTable rebuilds. I have not looked into this much so there may be other/better ways to do this too
3. The reset button tooltip says "Reset column selection and order" which users could get confused with the sort order of the columns. Maybe the tooltip can be more specific and say it resets the "column order"

[Amemeda]

There is a known issue that using the scrollX attribute for horizontal scroll causes the DataTable header and body to become misaligned. This line of code is one of the suggested solutions, and should adjust the sizing of the header and columns after initialization of the DataTable. Also added width 100% to both the table and header, which seems to align every column except for the first two for some reason.