diff --git a/src/Explorer/Tables/Constants.ts b/src/Explorer/Tables/Constants.ts index a8e65e7cf..919059d12 100644 --- a/src/Explorer/Tables/Constants.ts +++ b/src/Explorer/Tables/Constants.ts @@ -71,6 +71,8 @@ export var htmlSelectors = { dataTableScrollContainerSelector: ".dataTables_scroll", dataTableHeaderTypeSelector: "table thead th", dataTablePaginationButtonSelector: ".paginate_button", + dataTableHeaderTableSelector: "#storageTable_wrapper .dataTables_scrollHeadInner table", + dataTableBodyTableSelector: "#storageTable_wrapper .dataTables_scrollBody table", searchInputField: ".search-input", uploadDropdownSelector: "#upload-dropdown", navigationDropdownSelector: "#navigation-dropdown", diff --git a/src/Explorer/Tables/DataTable/DataTableBindingManager.ts b/src/Explorer/Tables/DataTable/DataTableBindingManager.ts index ecbd4dc32..b70251767 100644 --- a/src/Explorer/Tables/DataTable/DataTableBindingManager.ts +++ b/src/Explorer/Tables/DataTable/DataTableBindingManager.ts @@ -143,6 +143,21 @@ function createDataTable( fnInitComplete: initializeTable, fnDrawCallback: updateSelectionStatus }); + + (tableEntityListViewModel.table.table(0).container() as Element) + .querySelectorAll(Constants.htmlSelectors.dataTableHeaderTableSelector) + .forEach(table => { + table.setAttribute( + "summary", + `Header for sorting results for container ${tableEntityListViewModel.queryTablesTab.collection.id()}` + ); + }); + + (tableEntityListViewModel.table.table(0).container() as Element) + .querySelectorAll(Constants.htmlSelectors.dataTableBodyTableSelector) + .forEach(table => { + table.setAttribute("summary", `Results for container ${tableEntityListViewModel.queryTablesTab.collection.id()}`); + }); } function bindColumn(data: any, type: string, full: any) {