Details
- 
    Task 
- 
    Status: Closed (View Workflow)
- 
    Major 
- 
    Resolution: Fixed
- 
    6
- 
    None
- 
        MXS-SPRINT-129, MXS-SPRINT-130, MXS-SPRINT-131, MXS-SPRINT-132
Description
A table component to show the result of user's sql query.
There should be two tabs to switch
- Results: show results of the sql query get from the editor.
- Data preview: Show data preview when user select `Preview Data` or `View Details` options in the table list sidebar.
In Data Preview tab, user should be able to see table data with two buttons to choose to show either `Preview Data` or `View Details`
- Data for `Preview Data` is getting by:
SELECT * FROM schema.table_name;
- Data for `View Details` option is getting by:
DESCRIBE schema.table_name;
Table functionalities:
- Table column should be re-sizable
- User can export and download query result to different file formats such as csv, xlsx, json
- Table can be filtered
- Able to sort and filter result
- Able to toggle table columns
Attachments
| 1. | Refactor data-table |  | Closed | Thien Ly | 
| 2. | Add togglable table columns |  | Closed | Thien Ly | 
| 3. | Migrate vuetify to 2.3 version |  | Closed | Thien Ly | 
| 4. | Create custom table using div that utilises v-virtual-scroll |  | Closed | Thien Ly | 
| 5. | Dynamic import monaco editor |  | Closed | Thien Ly | 
| 6. | Create `truncate-string` component |  | Closed | Thien Ly | 
| 7. | Add re-sizable feature for table columns |  | Closed | Thien Ly | 
| 8. | Show result sets of query statements in several tables |  | Closed | Thien Ly | 
| 9. | Add data export feature |  | Closed | Thien Ly | 
| 10. | Vertical result table |  | Closed | Thien Ly | 
| 11. | Add client side sorting feature to virtual scroll table |  | Closed | Thien Ly | 
| 12. | Add maximize/minimize button to query result section |  | Closed | Thien Ly | 
| 13. | Add collapse button to collapse query result section |  | Closed | Thien Ly | 
| 14. | Show total duration time of querying |  | Closed | Thien Ly |