(I #2638) Feature to Goto a page directly (#2639)

* Start for Goto Page link. First implementation. Is functional. * Background-color & validation Background-color for each « button » & validation for the page choice of the user: number, > 1 & < last & singular for a one page project. * Changed from prompt() to <input type="number"> Changed from prompt() to <input type="number">, and visual X out Y. * Manage bounds in a sticky way If the user choose below 1, 1 will be displayed, and if the user choose above the max, the max page will be displayed. * width of <input> & « of X pages » Add pages after « of maxValue », calculate the width of <input> based on max value. * Update data-table-view.js Little fix. * Correct min and max for <input> Correct min and max for <input> * Managment of the arrow's key down. Add managment to keep the arrow's key in the CurrentPage <input>. * Fixes for Thad’s KeyDown's « Infinite Paging » Fixes for Thad’s KeyDown's « Infinite Paging » & PageSize changes. * Code rehookCurrentPageInput & spacing Code rehookCurrentPageInput & spacing for PageSize section * Update data-table-view.js Fix & move code in Page Control. * Wrap in a Try/Catch the currentPageInput.focus() Wrap in a Try/Catch the currentPageInput.focus() and add a verification of focus change with if(!(currentPageInput.is(":focus"))) window.setTimeout(rehookCurrentPageInput, rehookDelay). * Fixed currentPageInput != document.activeElement Fixed currentPageInput != document.activeElement that was before: !(currentPageInput.is(":focus")) * Better handling of the « Infinite Paging » Better handling of the « Infinite Paging » with window.setTimeout(rehookCurrentPageInput, rehookDelay) * $.i18n('core-views/goto-page', … $.i18n('core-views/goto-page', '<span id="currentPageInput" />', '<span id="lastPageSpan" />')) * Fix i18n plural Fix i18n plural, FR still not fixed. * Remove {{plural:$2|page|pages}} in french Remove {{plural:$2|page|pages}} in French, not working. * Update data-table-view.js Forgot a semi-comma. * First implementation First implementation, is functional. * Remove setTimeout(refocusCurrentPageInput, refocusDelay); Remove setTimeout(refocusCurrentPageInput, refocusDelay);, instead, onready after creating the page input field. * Typo: missing semi-colon Typo: missing semi-colon * Fix bug related to stealing focus of facets & added a delay Fix bug related to stealing focus of facets & added a delay (1 s.) before changing pages. * Revert "Remove {{plural:$2|page|pages}} in french" This reverts commit 7274a21ee04e6480e50de39f1a7788164dd1981a. * Start for Goto Page link. First implementation. Is functional. * Background-color & validation Background-color for each « button » & validation for the page choice of the user: number, > 1 & < last & singular for a one page project. * Changed from prompt() to <input type="number"> Changed from prompt() to <input type="number">, and visual X out Y. * Manage bounds in a sticky way If the user choose below 1, 1 will be displayed, and if the user choose above the max, the max page will be displayed. * width of <input> & « of X pages » Add pages after « of maxValue », calculate the width of <input> based on max value. * Update data-table-view.js Little fix. * Correct min and max for <input> Correct min and max for <input> * Managment of the arrow's key down. Add managment to keep the arrow's key in the CurrentPage <input>. * Fixes for Thad’s KeyDown's « Infinite Paging » Fixes for Thad’s KeyDown's « Infinite Paging » & PageSize changes. * Code rehookCurrentPageInput & spacing Code rehookCurrentPageInput & spacing for PageSize section * Update data-table-view.js Fix & move code in Page Control. * Wrap in a Try/Catch the currentPageInput.focus() Wrap in a Try/Catch the currentPageInput.focus() and add a verification of focus change with if(!(currentPageInput.is(":focus"))) window.setTimeout(rehookCurrentPageInput, rehookDelay). * Fixed currentPageInput != document.activeElement Fixed currentPageInput != document.activeElement that was before: !(currentPageInput.is(":focus")) * Better handling of the « Infinite Paging » Better handling of the « Infinite Paging » with window.setTimeout(rehookCurrentPageInput, rehookDelay) * $.i18n('core-views/goto-page', … $.i18n('core-views/goto-page', '<span id="currentPageInput" />', '<span id="lastPageSpan" />')) * Bump rhino from 1.7.10 to 1.7.12 Bumps [rhino](https://github.com/mozilla/rhino) from 1.7.10 to 1.7.12. - [Release notes](https://github.com/mozilla/rhino/releases) - [Changelog](https://github.com/mozilla/rhino/blob/master/RELEASE-NOTES.md) - [Commits](https://github.com/mozilla/rhino/commits) Signed-off-by: dependabot-preview[bot] <support@dependabot.com> * Fix i18n plural Fix i18n plural, FR still not fixed. * Remove {{plural:$2|page|pages}} in french Remove {{plural:$2|page|pages}} in French, not working. * Update data-table-view.js Forgot a semi-comma. * Bump guava from 19.0 to 23.0 Bumps [guava](https://github.com/google/guava) from 19.0 to 23.0. - [Release notes](https://github.com/google/guava/releases) - [Commits](https://github.com/google/guava/compare/v19.0...v23.0) Signed-off-by: dependabot-preview[bot] <support@dependabot.com> * Bump testng from 6.9.10 to 7.1.0 Bumps [testng](https://github.com/cbeust/testng) from 6.9.10 to 7.1.0. - [Release notes](https://github.com/cbeust/testng/releases) - [Changelog](https://github.com/cbeust/testng/blob/master/CHANGES.txt) - [Commits](https://github.com/cbeust/testng/commits) Signed-off-by: dependabot-preview[bot] <support@dependabot.com> * Bump to Guava 23.6.1-jre * Bump jasypt from 1.9.2 to 1.9.3 Bumps [jasypt](https://github.com/jasypt/jasypt) from 1.9.2 to 1.9.3. - [Release notes](https://github.com/jasypt/jasypt/releases) - [Commits](https://github.com/jasypt/jasypt/commits/jasypt-1.9.3) Signed-off-by: dependabot-preview[bot] <support@dependabot.com> * Added conflicts-with constraints (#2641) Implemented conflicts-with scrutinizer as part of #2354 * Fix a bug introduced by I #1038, PR #2616 (#2684) Fix a bug introduced by I #1038, where the first tab, in the Wikidata mode, would have a bad background. PR #2616 * Fixed typos made in PR #2641 * Remove setTimeout(refocusCurrentPageInput, refocusDelay); Remove setTimeout(refocusCurrentPageInput, refocusDelay);, instead, onready after creating the page input field. * Trim input url whitespace (#2534) Fixes #2516 * Bump google-http-client-jackson2 from 1.20.0 to 1.35.0 Bumps [google-http-client-jackson2](https://github.com/googleapis/google-http-java-client) from 1.20.0 to 1.35.0. - [Release notes](https://github.com/googleapis/google-http-java-client/releases) - [Changelog](https://github.com/googleapis/google-http-java-client/blob/master/CHANGELOG.md) - [Commits](https://github.com/googleapis/google-http-java-client/compare/1.20.0...v1.35.0) Signed-off-by: dependabot-preview[bot] <support@dependabot.com> * Switch to new rhino-runtime component * Typo: missing semi-colon Typo: missing semi-colon * Replace Apache Ant with Commons Compress (#2691) NOTE: Changes the public API where some of the old types were embedded which means that any extensions that extend these interfaces will have to be updated. Fixes #2690. * Fix bug related to stealing focus of facets & added a delay Fix bug related to stealing focus of facets & added a delay (1 s.) before changing pages. * Revert "Remove {{plural:$2|page|pages}} in french" This reverts commit 7274a21ee04e6480e50de39f1a7788164dd1981a. * Update to latest Jython version 2.7.2 Closes #2642 * Bump git-commit-id-plugin from 2.2.4 to 4.0.0 Bumps [git-commit-id-plugin](https://github.com/git-commit-id/maven-git-commit-id-plugin) from 2.2.4 to 4.0.0. - [Release notes](https://github.com/git-commit-id/maven-git-commit-id-plugin/releases) - [Commits](https://github.com/git-commit-id/maven-git-commit-id-plugin/compare/v2.2.4...v4.0.0) Signed-off-by: dependabot-preview[bot] <support@dependabot.com> * Bump maven-assembly-plugin from 3.1.0 to 3.3.0 Bumps [maven-assembly-plugin](https://github.com/apache/maven-assembly-plugin) from 3.1.0 to 3.3.0. - [Release notes](https://github.com/apache/maven-assembly-plugin/releases) - [Commits](https://github.com/apache/maven-assembly-plugin/compare/maven-assembly-plugin-3.1.0...maven-assembly-plugin-3.3.0) Signed-off-by: dependabot-preview[bot] <support@dependabot.com> * Bump httpclient from 4.5.5 to 4.5.12 Bumps httpclient from 4.5.5 to 4.5.12. Signed-off-by: dependabot-preview[bot] <support@dependabot.com> * Bump powermock.version from 2.0.2 to 2.0.7 Bumps `powermock.version` from 2.0.2 to 2.0.7. Updates `powermock-module-testng` from 2.0.2 to 2.0.7 - [Release notes](https://github.com/powermock/powermock/releases) - [Changelog](https://github.com/powermock/powermock/blob/release/2.x/docs/changelog.txt) - [Commits](https://github.com/powermock/powermock/compare/powermock-2.0.2...powermock-2.0.7) Updates `powermock-api-mockito2` from 2.0.2 to 2.0.7 - [Release notes](https://github.com/powermock/powermock/releases) - [Changelog](https://github.com/powermock/powermock/blob/release/2.x/docs/changelog.txt) - [Commits](https://github.com/powermock/powermock/compare/powermock-2.0.2...powermock-2.0.7) Signed-off-by: dependabot-preview[bot] <support@dependabot.com> * Bump butterfly from 1.0.2 to 1.0.3 Bumps [butterfly](https://github.com/OpenRefine/simile-butterfly) from 1.0.2 to 1.0.3. - [Release notes](https://github.com/OpenRefine/simile-butterfly/releases) - [Commits](https://github.com/OpenRefine/simile-butterfly/commits) Signed-off-by: dependabot-preview[bot] <support@dependabot.com> * Bump slf4j-api from 1.7.18 to 1.7.30 Bumps [slf4j-api](https://github.com/qos-ch/slf4j) from 1.7.18 to 1.7.30. - [Release notes](https://github.com/qos-ch/slf4j/releases) - [Commits](https://github.com/qos-ch/slf4j/compare/v_1.7.18...v_1.7.30) Signed-off-by: dependabot-preview[bot] <support@dependabot.com> * Bump commons-validator from 1.5.1 to 1.6 Bumps commons-validator from 1.5.1 to 1.6. Signed-off-by: dependabot-preview[bot] <support@dependabot.com> * Added translation using Weblate (Portuguese (Brazil)) * Translated using Weblate (Portuguese (Brazil)) Currently translated at 100.0% (47 of 47 strings) Translation: OpenRefine/gdata Translate-URL: https://hosted.weblate.org/projects/openrefine/gdata/pt_BR/ * Translated using Weblate (Japanese) Currently translated at 100.0% (179 of 179 strings) Translation: OpenRefine/wikidata Translate-URL: https://hosted.weblate.org/projects/openrefine/wikidata/ja/ * Disables FacetContainer while computing clusters fixes #2675 * Added translation using Weblate (Portuguese (Brazil)) * Translated using Weblate (Portuguese (Brazil)) Currently translated at 100.0% (740 of 740 strings) Translation: OpenRefine/Translations Translate-URL: https://hosted.weblate.org/projects/openrefine/translations/pt_BR/ * Added translation using Weblate (Portuguese (Brazil)) * Translated using Weblate (Portuguese (Brazil)) Currently translated at 100.0% (60 of 60 strings) Translation: OpenRefine/database Translate-URL: https://hosted.weblate.org/projects/openrefine/database/pt_BR/ * Translated using Weblate (Portuguese (Brazil)) Currently translated at 6.7% (12 of 179 strings) Translation: OpenRefine/wikidata Translate-URL: https://hosted.weblate.org/projects/openrefine/wikidata/pt_BR/ * Translated using Weblate (Japanese) Currently translated at 100.0% (60 of 60 strings) Translation: OpenRefine/database Translate-URL: https://hosted.weblate.org/projects/openrefine/database/ja/ * Translated using Weblate (Japanese) Currently translated at 100.0% (740 of 740 strings) Translation: OpenRefine/Translations Translate-URL: https://hosted.weblate.org/projects/openrefine/translations/ja/ * Translated using Weblate (Japanese) Currently translated at 100.0% (60 of 60 strings) Translation: OpenRefine/database Translate-URL: https://hosted.weblate.org/projects/openrefine/database/ja/ * Added translation using Weblate (Bengali (India)) * Load GDrive icon from local resource, not Github (#2689) Fixes #2688. * Convert illegal characters into legal ones. (#2431) * Convert illegal characters into leagal ones. * Test tab in key & value string Also fix up test that depended on previous TAB related error message and clean up logging Co-authored-by: Tom Morris <tfmorris@gmail.com> * Bump signpost-commonshttp4 from 1.2.1.2 to 2.0.0 (#2695) Bumps [signpost-commonshttp4](https://github.com/mttkay/signpost) from 1.2.1.2 to 2.0.0. - [Release notes](https://github.com/mttkay/signpost/releases) - [Changelog](https://github.com/mttkay/signpost/blob/master/CHANGELOG.md) - [Commits](https://github.com/mttkay/signpost/compare/1.2.1.2...oauth-signpost-2.0.0) Signed-off-by: dependabot-preview[bot] <support@dependabot.com> Co-authored-by: dependabot-preview[bot] <27856297+dependabot-preview[bot]@users.noreply.github.com> * Add comment to help designers understand TreeData (#2715) * Update jquery.i18n to 1.07 and fix non-English plural support (#2717) * Update jquery.i18n to 1.07 and add missing rule parser Fixes #2700 Adds missing CLDRPluralRuleParser.js so that plurals are supported. Updates all files to jquery.i18n 1.07 Includes a bunch of specialty language support, but only Finnish and Russian are loaded as examples. * Add some missing translations, including plurals Fix some cases of Javascript string concatenation and plural conditionalization to demonstrate that plurals work in both English and French now. NOTE: Corresponding updates need to be made to all the other language files since some keys were renamed or eliminated. * Unused imports and other minor cleanups (#2723) * Two minor fixes - prevent invalid index error on empty strings (shouldn't normally happen) - update deprecated Apache Commons Lang method * Remove unused imports * Remove feature Edit Facet Name Remove feature Edit Facet Name that got merged by mistake. * Remove feature Edit Facet Name Remove feature Edit Facet Name that got merged by mistake. * Spacing Spacing * Fix the delay, adjust to .2 s. Fix the delay, adjust to .2 s. and stop using promises. * Fix headerTable to tableHeader Fix headerTable to tableHeader (PR #2719) * data-header-table to data-table-header data-header-table to data-table-header * Remove .data-header-table-container Remove .data-header-table-container Co-authored-by: dependabot-preview[bot] <27856297+dependabot-preview[bot]@users.noreply.github.com> Co-authored-by: Tom Morris <tfmorris@gmail.com> Co-authored-by: Ekta Mishra <ektamishra1999@gmail.com> Co-authored-by: Nishtha <51858166+Nishtha3512@users.noreply.github.com> Co-authored-by: Thad Guidry <thadguidry@gmail.com> Co-authored-by: Rafael Fontenelle <rafaelff@gnome.org> Co-authored-by: Isao Matsunami <isao.matsunami@gmail.com> Co-authored-by: Biswaranjan Manna <manna.biswaranjan@gmail.com> Co-authored-by: chuhao zeng <32441682+zengchu2@users.noreply.github.com>
2020-06-17 05:31:56 -04:00 · 2020-06-17 05:31:56 -04:00 · d7aaac2e97
commit d7aaac2e97
parent 5d2c10b9d8
5 changed files with 113 additions and 3 deletions
--- a/main/webapp/modules/core/langs/translation-en.json
+++ b/main/webapp/modules/core/langs/translation-en.json
@ -592,6 +592,7 @@
    "core-views/move-to-left": "Move column left",
    "core-views/move-to-right": "Move column right",
    "core-views/show-as": "Show as",
+    "core-views/goto-page": "$1 of $2 {{plural:$2|page|pages}}",
    "core-views/first": "first",
    "core-views/previous": "previous",
    "core-views/next": "next",
--- a/main/webapp/modules/core/langs/translation-es.json
+++ b/main/webapp/modules/core/langs/translation-es.json
@ -531,6 +531,7 @@
    "core-views/judg-actions2": "acciones del parámetro",
    "core-views/to-text": "A texto",
    "core-views/reg-exp": "regex",
+    "core-views/goto-page": "$1 de $2 {{plural:$2|página|paginas}}",
    "core-views/word-facet": "Faceta por palabra",
    "core-views/collapse-left": "Contraer todas las columnas a la izquierda",
    "core-views/clear-recon": "Quitar la información de cotejo",
--- a/main/webapp/modules/core/langs/translation-fr.json
+++ b/main/webapp/modules/core/langs/translation-fr.json
@ -537,6 +537,7 @@
    "core-views/view": "Aperçu",
    "core-views/extend-not-supported": "Ce service de réconciliation de supporte pas l'extension de données. Essayez de supprimer le service et de l'ajouter à nouveau. Si le problème persiste, contactez le fournisseur de service.",
    "core-views/to-text": "En texte",
+    "core-views/goto-page": "$1 de $2 page(s)",
    "core-views/first": "première",
    "core-views/word-facet": "Facette par mot",
    "core-views/check-format": "Merci de vérifier le format du fichier.",
--- a/main/webapp/modules/core/scripts/views/data-table/data-table-view.js
+++ b/main/webapp/modules/core/scripts/views/data-table/data-table-view.js
@ -41,7 +41,10 @@ function DataTableView(div) {
  this._columnHeaderUIs = [];
  this._shownulls = false;

+  this._currentPageNumber = 1;
  this._showRows(0);
+  
+  this._refocusPageInput = false;
 }

 DataTableView._extenders = [];
@ -79,6 +82,7 @@ DataTableView.prototype.resize = function() {
 };

 DataTableView.prototype.update = function(onDone) {
+  this._currentPageNumber = 1;
  this._showRows(0, onDone);
 };

@ -107,6 +111,7 @@ DataTableView.prototype.render = function() {
    '</div>'
  );
  var elmts = DOM.bind(html);
+  this._div.empty().append(html);

  ui.summaryBar.updateResultCount();

@ -134,7 +139,6 @@ DataTableView.prototype.render = function() {
  }

  this._renderDataTables(elmts.table[0], elmts.tableHeader[0]);
-  this._div.empty().append(html);

  // show/hide null values in cells
  $(".data-table-null").toggle(self._shownulls);
@ -160,6 +164,8 @@ DataTableView.prototype._renderSortingControls = function(sortingControls) {
 DataTableView.prototype._renderPagingControls = function(pageSizeControls, pagingControls) {
  var self = this;

+  self._lastPageNumber = Math.floor((theProject.rowModel.filtered - 1) / this._pageSize) + 1;
+
  var from = (theProject.rowModel.start + 1);
  var to = Math.min(theProject.rowModel.filtered, theProject.rowModel.start + theProject.rowModel.limit);

@ -173,8 +179,30 @@ DataTableView.prototype._renderPagingControls = function(pageSizeControls, pagin
    previousPage.addClass("inaction");
  }

-  $('<span>').addClass("viewpanel-pagingcount").html(" " + from + " - " + to + " ").appendTo(pagingControls);
+  var pageControlsSpan = $('<span>').attr("id", "viewpanel-paging-current");
+  
+  var pageInputSize = 20 + (8 * ui.dataTableView._lastPageNumber.toString().length);
+  var currentPageInput = $('<input type="number">')
+    .change(function(evt) { self._onChangeGotoPage(this, evt); })
+    .keydown(function(evt) { self._onKeyDownGotoPage(this, evt); })
+    .attr("id", "viewpanel-paging-current-input")
+    .attr("min", 1)
+    .attr("max", self._lastPageNumber)
+    .attr("required", "required")
+    .val(self._currentPageNumber)
+    .css("width", pageInputSize +"px");
+    
+  pageControlsSpan.append($.i18n('core-views/goto-page', '<span id="currentPageInput" />', self._lastPageNumber));
+  pageControlsSpan.appendTo(pagingControls);

+  $('span#currentPageInput').replaceWith($(currentPageInput));
+  
+  if(self._refocusPageInput == true) { 
+    self._refocusPageInput = false;
+    var currentPageInputForFocus = $('input#viewpanel-paging-current-input');
+    currentPageInputForFocus.ready(function(evt) { setTimeout(() => { currentPageInputForFocus.focus(); }, 250); });
+  }
+  
  var nextPage = $('<a href="javascript:{}">'+$.i18n('core-views/next')+' &rsaquo;</a>').appendTo(pagingControls);
  var lastPage = $('<a href="javascript:{}">'+$.i18n('core-views/last')+' &raquo;</a>').appendTo(pagingControls);
  if (theProject.rowModel.start + theProject.rowModel.limit < theProject.rowModel.filtered) {
@ -433,20 +461,60 @@ DataTableView.prototype._showRows = function(start, onDone) {
  }, this._sorting);
 };

+DataTableView.prototype._onChangeGotoPage = function(elmt, evt) {
+  var gotoPageNumber = parseInt($('input#viewpanel-paging-current-input').val());
+  
+  if(typeof gotoPageNumber != "number" || isNaN(gotoPageNumber) || gotoPageNumber == "") { 
+    $('input#viewpanel-paging-current-input').val(this._currentPageNumber); 
+    return;
+  }
+  
+  if(gotoPageNumber > this._lastPageNumber) gotoPageNumber = this._lastPageNumber;
+  if(gotoPageNumber < 1) gotoPageNumber = 1;
+  
+  this._currentPageNumber = gotoPageNumber;
+  this._showRows((gotoPageNumber - 1) * this._pageSize);
+};
+
+DataTableView.prototype._onKeyDownGotoPage = function(elmt, evt) {
+  var keyDownCode = event.which;
+  
+  if([38, 40].indexOf(keyDownCode) == -1) return;
+  if(self._refocusPageInput == true) return; 
+
+  evt.preventDefault();
+  this._refocusPageInput = true;
+  
+  var newPageValue = $('input#viewpanel-paging-current-input')[0].value;
+  if(keyDownCode == 38) {  // Up arrow
+    if(newPageValue <= 1) return;
+    this._onClickPreviousPage(elmt, evt);
+  }
+    
+  if(keyDownCode == 40) {  // Down arrow
+    if(newPageValue >= this._lastPageNumber) return;
+    this._onClickNextPage(elmt, evt);
+  }
+};
+
 DataTableView.prototype._onClickPreviousPage = function(elmt, evt) {
+  this._currentPageNumber--;
  this._showRows(theProject.rowModel.start - this._pageSize);
 };

 DataTableView.prototype._onClickNextPage = function(elmt, evt) {
+  this._currentPageNumber++;
  this._showRows(theProject.rowModel.start + this._pageSize);
 };

 DataTableView.prototype._onClickFirstPage = function(elmt, evt) {
+  this._currentPageNumber = 1;
  this._showRows(0);
 };

 DataTableView.prototype._onClickLastPage = function(elmt, evt) {
-  this._showRows(Math.floor((theProject.rowModel.filtered - 1) / this._pageSize) * this._pageSize);
+  this._currentPageNumber = this._lastPageNumber;
+  this._showRows((this._lastPageNumber - 1) * this._pageSize);
 };

 DataTableView.prototype._getSortingCriteriaCount = function() {
--- a/main/webapp/modules/core/styles/views/data-table-view.less
+++ b/main/webapp/modules/core/styles/views/data-table-view.less
@ -55,6 +55,45 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  font-weight: bold;
  }

+.viewpanel-rowrecord a {
+  background-color: @fill_primary;
+  margin: 0px 1px 0px 1px;
+  padding: 2px 5px 2px 5px;
+  .rounded_corners(4px);
+  }
+
+.viewpanel-pagesize a {
+  background-color: @fill_primary;
+  margin: 0px 2px 0px 2px;
+  padding: 2px 3px 2px 3px;
+  .rounded_corners(4px);
+  }
+
+div.viewpanel-pagesize span:first-of-type {
+  margin: 0px 0px 0px 20px;
+}
+
+.viewpanel-paging a {
+  background-color: @fill_primary;
+  margin: 0px 4px 0px 4px;
+  padding: 2px 10px 2px 10px;
+  .rounded_corners(4px);
+  }
+
+.viewpanel-paging span#viewpanel-paging-current {
+  margin: 0 10px 0 10px;
+  padding: 0px;
+  }
+
+.viewpanel-paging input#viewpanel-paging-current-input {
+  width: 60px;
+  margin: 0px;
+  padding: 0px;
+  height: 16px;
+  position: relative;
+  top: -2px;
+  }
+
 .data-table-header {
  width: 1px;
  position: relative;