[SPARK-21809] Change Stage Page to use datatables to support sorting columns and searching

• Type: Improvement
• Status: Resolved
• Priority: Minor
• Resolution: Fixed
• Affects Version/s: 2.2.0
• Fix Version/s: 3.0.0
• Component/s: Web UI
• Assignee: Parth Gandhi
• Reporter: Nuochen Lyu
• Created: 22/Aug/17 16:02
• Updated: 03/Dec/18 13:51
• Resolved: 26/Nov/18 20:09

Description

Support column sort and search for Stage Server using jQuery DataTable and REST API. Before this commit, the Stage page was generated hard-coded HTML and can not support search, also, the sorting was disabled if there is any application that has more than one attempt. Supporting search and sort (over all applications rather than the 20 entries in the current page) in any case will greatly improve the user experience.

Issue Links

• relates to: SPARK-26253 Task Summary Metrics Table on Stage Page shows empty table when no data is present
• relates to: SPARK-26130 Change Event Timeline Display Functionality on the Stages Page to use either REST API or data from other tables
• relates to: SPARK-25719 Search functionality in datatables in stages page should search over formatted data rather than the raw data
• links to: [Github] Pull Request #19207 (pgandhi999)
• links to: [Github] Pull Request #19270 (pgandhi999)
• links to: [Github] Pull Request #21688 (pgandhi999)