@semcore/data-table 16.0.0-prerelease.17 → 16.0.0-prerelease.18

package/CHANGELOG.md

@@ -8,6 +8,12 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 - Major version.
 
+## [4.50.0] - 2025-04-11
+
+### Changed
+
+- Version minor update due to children dependencies update (`@semcore/icon` [4.60.2 ~> 4.61.0]).
+
 ## [4.49.2] - 2025-04-04
 
 ### Changed

package/lib/cjs/components/Body/Body.js

@@ -6,9 +6,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Body = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -23,59 +25,101 @@ var _m = _interopRequireDefault(require("@semcore/icon/ChevronRight/m"));
 var _button = require("@semcore/button");
 var _spin = _interopRequireDefault(require("@semcore/spin"));
 /*__reshadow-styles__:"./style.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBody_1emri_gg_,.___SRowGroup_1emri_gg_,.___SRow_1emri_gg_{display:contents}.___SBody_1emri_gg_.__compact_1emri_gg_ .___SCell_1emri_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_1emri_gg_.__compact_1emri_gg_ .___SCell_1emri_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1emri) - 1)))}.___SCell_1emri_gg_.__gridArea_1emri_gg_,.___SCollapseRow_1emri_gg_.__gridArea_1emri_gg_,.___SRow_1emri_gg_.__gridArea_1emri_gg_{grid-area:var(--gridArea_1emri)}.___SCollapseRow_1emri_gg_ .___SCell_1emri_gg_{display:block}.___SRow_1emri_gg_.__active_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_._theme_muted_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]._theme_muted_1emri_gg_,.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_._theme_muted_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_._theme_muted_1emri_gg_,.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRow_1emri_gg_._theme_muted_1emri_gg_:hover>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRow_1emri_gg_:hover>.___SCell_1emri_gg_._theme_muted_1emri_gg_,.___SRow_1emri_gg_:hover>.___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_._theme_info_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]._theme_info_1emri_gg_,.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_._theme_info_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_._theme_info_1emri_gg_,.___SRow_1emri_gg_._theme_info_1emri_gg_:hover>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRow_1emri_gg_:hover>.___SCell_1emri_gg_._theme_info_1emri_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_._theme_success_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]._theme_success_1emri_gg_,.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_._theme_success_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_._theme_success_1emri_gg_,.___SRow_1emri_gg_._theme_success_1emri_gg_:hover>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRow_1emri_gg_:hover>.___SCell_1emri_gg_._theme_success_1emri_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_._theme_warning_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]._theme_warning_1emri_gg_,.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_._theme_warning_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_._theme_warning_1emri_gg_,.___SRow_1emri_gg_._theme_warning_1emri_gg_:hover>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRow_1emri_gg_:hover>.___SCell_1emri_gg_._theme_warning_1emri_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_._theme_danger_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]._theme_danger_1emri_gg_,.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_._theme_danger_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_._theme_danger_1emri_gg_,.___SRow_1emri_gg_._theme_danger_1emri_gg_:hover>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRow_1emri_gg_:hover>.___SCell_1emri_gg_._theme_danger_1emri_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1emri_gg_._theme_muted_1emri_gg_ .___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_1emri_gg_._theme_muted_1emri_gg_.__active_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_1emri_gg_._theme_info_1emri_gg_ .___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1emri_gg_._theme_info_1emri_gg_.__active_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_1emri_gg_._theme_success_1emri_gg_ .___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1emri_gg_._theme_success_1emri_gg_.__active_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_1emri_gg_._theme_warning_1emri_gg_ .___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1emri_gg_._theme_warning_1emri_gg_.__active_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_1emri_gg_._theme_danger_1emri_gg_ .___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1emri_gg_._theme_danger_1emri_gg_.__active_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_1emri_gg_{display:flex;height:100%;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);overflow:hidden;white-space:pre-wrap;word-break:break-word;font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0}.___SCell_1emri_gg_ .___SAccordionToggle_1emri_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_1emri_gg_ .___SAccordionToggle_1emri_gg_.__expanded_1emri_gg_{transform:rotate(90deg)}.___SCell_1emri_gg_._use_primary_1emri_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1emri_gg_._use_primary_1emri_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_1emri) - 1)))}.___SCell_1emri_gg_._use_secondary_1emri_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1emri_gg_._use_secondary_1emri_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_1emri) - 1)))}.___SCell_1emri_gg_._borders_both_1emri_gg_,.___SCell_1emri_gg_._borders_left_1emri_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1emri_gg_._borders_both_1emri_gg_,.___SCell_1emri_gg_._borders_right_1emri_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1emri_gg_.__fixed_1emri_gg_{position:sticky;z-index:2}.___SCell_1emri_gg_._theme_muted_1emri_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1emri_gg_._theme_info_1emri_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1emri_gg_._theme_success_1emri_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1emri_gg_._theme_warning_1emri_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1emri_gg_._theme_danger_1emri_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_1emri_gg_{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;align-items:center;justify-content:center;background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SSpinContainer_1emri_gg_.__headerHeight_1emri_gg_{top:var(--headerHeight_1emri)}" /*__inner_css_end__*/, "1emri_gg_") /*__reshadow_css_end__*/, {
-  "__SBody": "___SBody_1emri_gg_",
-  "__SRow": "___SRow_1emri_gg_",
-  "__SRowGroup": "___SRowGroup_1emri_gg_",
-  "_gridArea": "__gridArea_1emri_gg_",
-  "__SCell": "___SCell_1emri_gg_",
-  "__SCollapseRow": "___SCollapseRow_1emri_gg_",
-  "--gridArea": "--gridArea_1emri",
-  "_active": "__active_1emri_gg_",
-  "_theme": "__theme_1emri_gg_",
-  "_theme_muted": "_theme_muted_1emri_gg_",
-  "_theme_info": "_theme_info_1emri_gg_",
-  "_theme_success": "_theme_success_1emri_gg_",
-  "_theme_warning": "_theme_warning_1emri_gg_",
-  "_theme_danger": "_theme_danger_1emri_gg_",
-  "_borders_both": "_borders_both_1emri_gg_",
-  "_borders_left": "_borders_left_1emri_gg_",
-  "_borders_right": "_borders_right_1emri_gg_",
-  "_fixed": "__fixed_1emri_gg_",
-  "__SSpinContainer": "___SSpinContainer_1emri_gg_",
-  "_headerHeight": "__headerHeight_1emri_gg_",
-  "--headerHeight": "--headerHeight_1emri",
-  "_compact": "__compact_1emri_gg_",
-  "--data-aria-level": "--data-aria-level_1emri",
-  "__SAccordionToggle": "___SAccordionToggle_1emri_gg_",
-  "_expanded": "__expanded_1emri_gg_",
-  "_use_primary": "_use_primary_1emri_gg_",
-  "_use_secondary": "_use_secondary_1emri_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBody_1dql7_gg_,.___SRowGroup_1dql7_gg_,.___SRow_1dql7_gg_{display:contents}.___SBody_1dql7_gg_.__compact_1dql7_gg_ .___SCell_1dql7_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_1dql7_gg_.__compact_1dql7_gg_ .___SCell_1dql7_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1dql7) - 1)))}.___SCell_1dql7_gg_.__gridArea_1dql7_gg_,.___SCollapseRow_1dql7_gg_.__gridArea_1dql7_gg_,.___SRow_1dql7_gg_.__gridArea_1dql7_gg_{grid-area:var(--gridArea_1dql7)}.___SCollapseRow_1dql7_gg_ .___SCell_1dql7_gg_{display:block}.___SRow_1dql7_gg_.__active_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRow_1dql7_gg_.__expanded_1dql7_gg_._accordionType_cell_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_).__withAccordion_1dql7_gg_,.___SRow_1dql7_gg_.__expanded_1dql7_gg_._accordionType_row_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-actions-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_._theme_muted_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]._theme_muted_1dql7_gg_,.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_._theme_muted_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_._theme_muted_1dql7_gg_,.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRow_1dql7_gg_._theme_muted_1dql7_gg_:hover>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRow_1dql7_gg_:hover>.___SCell_1dql7_gg_._theme_muted_1dql7_gg_,.___SRow_1dql7_gg_:hover>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_._theme_info_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]._theme_info_1dql7_gg_,.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_._theme_info_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_._theme_info_1dql7_gg_,.___SRow_1dql7_gg_._theme_info_1dql7_gg_:hover>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRow_1dql7_gg_:hover>.___SCell_1dql7_gg_._theme_info_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_._theme_success_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]._theme_success_1dql7_gg_,.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_._theme_success_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_._theme_success_1dql7_gg_,.___SRow_1dql7_gg_._theme_success_1dql7_gg_:hover>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRow_1dql7_gg_:hover>.___SCell_1dql7_gg_._theme_success_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_._theme_warning_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]._theme_warning_1dql7_gg_,.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_._theme_warning_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_._theme_warning_1dql7_gg_,.___SRow_1dql7_gg_._theme_warning_1dql7_gg_:hover>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRow_1dql7_gg_:hover>.___SCell_1dql7_gg_._theme_warning_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_._theme_danger_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]._theme_danger_1dql7_gg_,.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_._theme_danger_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_._theme_danger_1dql7_gg_,.___SRow_1dql7_gg_._theme_danger_1dql7_gg_:hover>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRow_1dql7_gg_:hover>.___SCell_1dql7_gg_._theme_danger_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1dql7_gg_._theme_muted_1dql7_gg_ .___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_1dql7_gg_._theme_muted_1dql7_gg_.__active_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_1dql7_gg_._theme_info_1dql7_gg_ .___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1dql7_gg_._theme_info_1dql7_gg_.__active_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_1dql7_gg_._theme_success_1dql7_gg_ .___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1dql7_gg_._theme_success_1dql7_gg_.__active_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_1dql7_gg_._theme_warning_1dql7_gg_ .___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1dql7_gg_._theme_warning_1dql7_gg_.__active_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_1dql7_gg_._theme_danger_1dql7_gg_ .___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1dql7_gg_._theme_danger_1dql7_gg_.__active_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_1dql7_gg_{display:flex;height:100%;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);overflow:hidden;white-space:pre-wrap;word-break:break-word;font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0}.___SCell_1dql7_gg_ .___SAccordionToggle_1dql7_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_1dql7_gg_ .___SAccordionToggle_1dql7_gg_.__expanded_1dql7_gg_{transform:rotate(90deg)}.___SCell_1dql7_gg_._use_primary_1dql7_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1dql7_gg_._use_primary_1dql7_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_1dql7) - 1)))}.___SCell_1dql7_gg_._use_secondary_1dql7_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1dql7_gg_._use_secondary_1dql7_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_1dql7) - 1)))}.___SCell_1dql7_gg_._borders_both_1dql7_gg_,.___SCell_1dql7_gg_._borders_left_1dql7_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1dql7_gg_._borders_both_1dql7_gg_,.___SCell_1dql7_gg_._borders_right_1dql7_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1dql7_gg_.__fixed_1dql7_gg_{position:sticky;z-index:2}.___SCell_1dql7_gg_._theme_muted_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1dql7_gg_._theme_info_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1dql7_gg_._theme_success_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1dql7_gg_._theme_warning_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1dql7_gg_._theme_danger_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_1dql7_gg_{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;align-items:center;justify-content:center;background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SSpinContainer_1dql7_gg_.__headerHeight_1dql7_gg_{top:var(--headerHeight_1dql7)}" /*__inner_css_end__*/, "1dql7_gg_") /*__reshadow_css_end__*/, {
+  "__SBody": "___SBody_1dql7_gg_",
+  "__SRow": "___SRow_1dql7_gg_",
+  "__SRowGroup": "___SRowGroup_1dql7_gg_",
+  "_gridArea": "__gridArea_1dql7_gg_",
+  "__SCell": "___SCell_1dql7_gg_",
+  "__SCollapseRow": "___SCollapseRow_1dql7_gg_",
+  "--gridArea": "--gridArea_1dql7",
+  "_active": "__active_1dql7_gg_",
+  "_theme": "__theme_1dql7_gg_",
+  "_expanded": "__expanded_1dql7_gg_",
+  "_accordionType_row": "_accordionType_row_1dql7_gg_",
+  "_accordionType_cell": "_accordionType_cell_1dql7_gg_",
+  "_withAccordion": "__withAccordion_1dql7_gg_",
+  "_theme_muted": "_theme_muted_1dql7_gg_",
+  "_theme_info": "_theme_info_1dql7_gg_",
+  "_theme_success": "_theme_success_1dql7_gg_",
+  "_theme_warning": "_theme_warning_1dql7_gg_",
+  "_theme_danger": "_theme_danger_1dql7_gg_",
+  "_borders_both": "_borders_both_1dql7_gg_",
+  "_borders_left": "_borders_left_1dql7_gg_",
+  "_borders_right": "_borders_right_1dql7_gg_",
+  "_fixed": "__fixed_1dql7_gg_",
+  "__SSpinContainer": "___SSpinContainer_1dql7_gg_",
+  "_headerHeight": "__headerHeight_1dql7_gg_",
+  "--headerHeight": "--headerHeight_1dql7",
+  "_compact": "__compact_1dql7_gg_",
+  "--data-aria-level": "--data-aria-level_1dql7",
+  "__SAccordionToggle": "___SAccordionToggle_1dql7_gg_",
+  "_use_primary": "_use_primary_1dql7_gg_",
+  "_use_secondary": "_use_secondary_1dql7_gg_"
 });
+var ROWS_BUFFER = 20;
+var APROX_ROWS_ON_PAGE = 20;
 var BodyRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(BodyRoot, _Component);
   var _super = (0, _createSuper2["default"])(BodyRoot);
   function BodyRoot() {
+    var _this;
     (0, _classCallCheck2["default"])(this, BodyRoot);
-    return _super.apply(this, arguments);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "columnsSplitter", '/');
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "rows", []);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "rowsHeightMap", new Map());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "indexForDownIterate", 0);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "indexForUpIterate", 0);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleRef", function (index) {
+      return function (node) {
+        if (!_this.rowsHeightMap.has(index)) {
+          var firstChild = node === null || node === void 0 ? void 0 : node.children.item(0);
+          if (firstChild instanceof HTMLElement) {
+            var offset = firstChild.offsetTop - _this.asProps.headerHeight;
+            var height = firstChild.getBoundingClientRect().height;
+            _this.rowsHeightMap.set(index, [offset, offset + height]);
+          }
+        }
+      };
+    });
+    return _this;
   }
   (0, _createClass2["default"])(BodyRoot, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.rows = this.calculateRows();
+      this.forceUpdate();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (prevProps.data !== this.asProps.data) {
+        this.rows = this.calculateRows();
+        this.forceUpdate();
+      }
+    }
+  }, {
     key: "getRowProps",
-    value: function getRowProps(props, index) {
+    value: function getRowProps(props, i) {
+      var _this2 = this;
       var _this$asProps = this.asProps,
-        rows = _this$asProps.rows,
-        flatRows = _this$asProps.flatRows,
         use = _this$asProps.use,
         gridTemplateAreas = _this$asProps.gridTemplateAreas,
         gridTemplateColumns = _this$asProps.gridTemplateColumns,
         expandedRows = _this$asProps.expandedRows,
         columns = _this$asProps.columns,
         onExpandRow = _this$asProps.onExpandRow,
-        loading = _this$asProps.loading;
+        loading = _this$asProps.loading,
+        hasGroups = _this$asProps.hasGroups;
       var row = props.row;
+      var index = props.offset + i;
       var rowIndex = (expandedRows !== null && expandedRows !== void 0 ? expandedRows : []).reduce(function (acc, item) {
         if (item < index) {
-          var expandedRow = flatRows[item][_DataTable.ACCORDION];
+          var expandedRow = _this2.rows.flat()[item][_DataTable.ACCORDION];
           if (Array.isArray(expandedRow)) {
             acc = acc + expandedRow.length;
           } else {
@@ -84,9 +128,10 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
         }
         return acc;
       }, index);
+      var gridRowIndex = rowIndex + (hasGroups ? 3 : 2); // 1 - for header, 1 - because start not from 0, but from 1
       var ariaRowIndex = rowIndex + 2; // 1 - for header, 1 - because start not from 0, but from 1
 
-      var accordionDataGridArea = Array.isArray(row[_DataTable.ACCORDION]) ? "".concat(ariaRowIndex + 1, " / 1 / ").concat(ariaRowIndex + 1 + row[_DataTable.ACCORDION].length, " / ").concat(columns.length + 1) : "".concat(ariaRowIndex + 1, " / 1 / ").concat(ariaRowIndex + 1, " / ").concat(columns.length + 1);
+      var accordionDataGridArea = Array.isArray(row[_DataTable.ACCORDION]) ? "".concat(gridRowIndex + 1, " / 1 / ").concat(gridRowIndex + 1 + row[_DataTable.ACCORDION].length, " / ").concat(columns.length + 1) : "".concat(gridRowIndex + 1, " / 1 / ").concat(gridRowIndex + 1, " / ").concat(columns.length + 1);
       return {
         use: use,
         gridTemplateAreas: gridTemplateAreas,
@@ -96,8 +141,8 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
         columns: columns,
         rowIndex: index,
         ariaRowIndex: ariaRowIndex,
-        rows: rows,
-        flatRows: flatRows,
+        gridRowIndex: gridRowIndex,
+        rows: this.rows,
         row: row,
         expandedRows: expandedRows,
         onExpandRow: onExpandRow,
@@ -114,11 +159,13 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
         expandedRows = _this$asProps2.expandedRows,
         styles = _this$asProps2.styles,
         getI18nText = _this$asProps2.getI18nText,
-        onExpandRow = _this$asProps2.onExpandRow;
+        onExpandRow = _this$asProps2.onExpandRow,
+        virtualScroll = _this$asProps2.virtualScroll,
+        tableRef = _this$asProps2.tableRef;
       var SAccordionToggle = _button.ButtonLink;
       var dataKey = props.column.name;
       var cellValue = props.row[dataKey];
-      var value = '';
+      var value = undefined;
       var isMergedRows = cellValue instanceof _MergedCells.MergedRowsCell;
       var isMergedColumns = cellValue instanceof _MergedCells.MergedColumnsCell;
       if (isMergedColumns || isMergedRows) {
@@ -130,8 +177,9 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
         value = cellValue;
       }
       var defaultRender = function defaultRender() {
-        if (props.columnIndex === 0 && props.row[_DataTable.ACCORDION] || value[_DataTable.ACCORDION]) {
-          var _ref2;
+        var _value, _value3;
+        if (props.columnIndex === 0 && props.row[_DataTable.ACCORDION] || (_value = value) !== null && _value !== void 0 && _value[_DataTable.ACCORDION]) {
+          var _ref2, _value2;
           return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SAccordionToggle, _ref2.cn("SAccordionToggle", {
             "aria-label": getI18nText('DataTable.Cell.AccordionToggle.expand:aria-label'),
             "expanded": expandedRows === null || expandedRows === void 0 ? void 0 : expandedRows.includes(props.rowIndex),
@@ -141,15 +189,18 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
             "color": '--intergalactic-icon-primary-neutral'
           }), /*#__PURE__*/React.createElement(SAccordionToggle.Addon, {
             tag: _m["default"]
-          })), value.toString());
+          })), (_value2 = value) === null || _value2 === void 0 ? void 0 : _value2.toString());
         }
-        return value.toString();
+        return (_value3 = value) === null || _value3 === void 0 ? void 0 : _value3.toString();
       };
       var extraProps = {
         use: use,
-        children: (_props$children = props.children) !== null && _props$children !== void 0 ? _props$children : defaultRender
+        virtualScroll: Boolean(virtualScroll),
+        tableRef: tableRef,
+        children: (_props$children = props.children) !== null && _props$children !== void 0 ? _props$children : defaultRender()
       };
       if (renderCell) {
+        var _value$toString, _value4;
         var external = renderCell({
           columnName: props.column.name,
           row: props.row,
@@ -158,7 +209,7 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
           columnIndex: props.columnIndex,
           dataKey: dataKey,
           defaultRender: defaultRender,
-          value: value.toString(),
+          value: (_value$toString = (_value4 = value) === null || _value4 === void 0 ? void 0 : _value4.toString()) !== null && _value$toString !== void 0 ? _value$toString : '',
           isMergedRows: isMergedRows,
           isMergedColumns: isMergedColumns
         });
@@ -176,40 +227,129 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
-        _ref3;
+        _ref3,
+        _this3 = this;
       var SBody = _baseComponents.Box;
       var SRowGroup = _baseComponents.Box;
       var SSpinContainer = _baseComponents.Box;
       var _this$asProps3 = this.asProps,
-        rows = _this$asProps3.rows,
         styles = _this$asProps3.styles,
         loading = _this$asProps3.loading,
         headerHeight = _this$asProps3.headerHeight,
-        spinnerRef = _this$asProps3.spinnerRef;
-      return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/React.createElement(SBody, _ref3.cn("SBody", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref))), rows.map(function (row, index) {
+        spinnerRef = _this$asProps3.spinnerRef,
+        virtualScroll = _this$asProps3.virtualScroll,
+        scrollDirection = _this$asProps3.scrollDirection,
+        tableContainerRef = _this$asProps3.tableContainerRef,
+        scrollTop = _this$asProps3.scrollTop;
+      var rowsToRender = this.rows;
+      var startIndex = -1;
+      var lastIndex = -1;
+      if (virtualScroll) {
+        var _virtualScroll$rowsBu, _tableContainerRef$cu, _tableContainerRef$cu2;
+        var rowsBuffer = typeof virtualScroll !== 'boolean' && 'rowsBuffer' in virtualScroll ? (_virtualScroll$rowsBu = virtualScroll.rowsBuffer) !== null && _virtualScroll$rowsBu !== void 0 ? _virtualScroll$rowsBu : ROWS_BUFFER : ROWS_BUFFER;
+        var offsetHeight = (_tableContainerRef$cu = (_tableContainerRef$cu2 = tableContainerRef.current) === null || _tableContainerRef$cu2 === void 0 ? void 0 : _tableContainerRef$cu2.offsetHeight) !== null && _tableContainerRef$cu !== void 0 ? _tableContainerRef$cu : 0;
+        var prevPrepared = scrollDirection === 'up' ? rowsBuffer : 4;
+        var nextPrepared = scrollDirection === 'up' ? 4 : rowsBuffer;
+        if (typeof virtualScroll === 'boolean' || 'aproxRowsOnPage' in virtualScroll) {
+          var _virtualScroll$aproxR;
+          var aproxRowsOnPage = typeof virtualScroll !== 'boolean' ? (_virtualScroll$aproxR = virtualScroll.aproxRowsOnPage) !== null && _virtualScroll$aproxR !== void 0 ? _virtualScroll$aproxR : APROX_ROWS_ON_PAGE : APROX_ROWS_ON_PAGE;
+          if (scrollDirection === 'down') {
+            var _this$rowsHeightMap$g, _this$rowsHeightMap$g2, _lastIndex;
+            for (var i = this.indexForDownIterate; i < this.rowsHeightMap.size - 1; i++) {
+              var value = this.rowsHeightMap.get(i);
+              if (!value) continue;
+              var key = i;
+              var valueFromToCompare = value[1];
+              var valueToToCompare = value[0];
+              if (startIndex === -1 && scrollTop < valueFromToCompare) {
+                startIndex = Math.max(key - prevPrepared, 0);
+              }
+              if (startIndex !== -1 && scrollTop + offsetHeight < valueToToCompare) {
+                lastIndex = Math.min(key + nextPrepared, this.rows.length);
+              }
+              if (startIndex !== -1 && lastIndex !== -1) {
+                break;
+              }
+            }
+            if (scrollTop + offsetHeight < ((_this$rowsHeightMap$g = (_this$rowsHeightMap$g2 = this.rowsHeightMap.get((_lastIndex = lastIndex) !== null && _lastIndex !== void 0 ? _lastIndex : 0)) === null || _this$rowsHeightMap$g2 === void 0 ? void 0 : _this$rowsHeightMap$g2[1]) !== null && _this$rowsHeightMap$g !== void 0 ? _this$rowsHeightMap$g : 0)) {
+              lastIndex = lastIndex + aproxRowsOnPage;
+            }
+          } else if (scrollDirection === 'up') {
+            var _this$rowsHeightMap$g3, _this$rowsHeightMap$g4, _startIndex;
+            for (var _i = this.indexForUpIterate; _i > 0; _i--) {
+              var _value5 = this.rowsHeightMap.get(_i);
+              if (!_value5) continue;
+              var _key2 = _i;
+              var _valueFromToCompare = _value5[1];
+              var _valueToToCompare = _value5[0];
+              if (lastIndex === -1 && scrollTop + offsetHeight > _valueToToCompare) {
+                lastIndex = Math.min(_key2 + nextPrepared, this.rows.length);
+              }
+              if (lastIndex !== -1 && scrollTop < _valueFromToCompare) {
+                startIndex = Math.max(_key2 - prevPrepared, 0);
+              }
+              if (startIndex !== -1 && lastIndex !== -1) {
+                break;
+              }
+            }
+            if (scrollTop < ((_this$rowsHeightMap$g3 = (_this$rowsHeightMap$g4 = this.rowsHeightMap.get((_startIndex = startIndex) !== null && _startIndex !== void 0 ? _startIndex : 0)) === null || _this$rowsHeightMap$g4 === void 0 ? void 0 : _this$rowsHeightMap$g4[0]) !== null && _this$rowsHeightMap$g3 !== void 0 ? _this$rowsHeightMap$g3 : 0)) {
+              startIndex = startIndex - aproxRowsOnPage;
+            }
+          }
+          if (startIndex === -1) {
+            startIndex = scrollTop === 0 ? 0 : Math.max(this.rows.length - aproxRowsOnPage, 0);
+          }
+          if (lastIndex === -1) {
+            lastIndex = scrollTop === 0 ? aproxRowsOnPage : this.rows.length;
+          }
+          this.indexForDownIterate = startIndex;
+          this.indexForUpIterate = lastIndex;
+          rowsToRender = this.rows.slice(startIndex, lastIndex);
+        } else if ('rowHeight' in virtualScroll) {
+          var rowHeight = virtualScroll.rowHeight;
+          startIndex = Math.max(Math.floor(scrollTop / rowHeight) - prevPrepared, 0);
+          var _lastIndex2 = Math.min(Math.ceil((scrollTop + offsetHeight) / rowHeight) + nextPrepared, this.rows.length);
+          rowsToRender = this.rows.slice(startIndex, _lastIndex2);
+        }
+      }
+      startIndex = startIndex === -1 ? 0 : startIndex;
+      return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/React.createElement(SBody, _ref3.cn("SBody", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+        "__excludeProps": ['data']
+      }, _ref))), rowsToRender.map(function (row, index) {
+        var rowMarginTop = undefined;
+        if (index === 0 && typeof virtualScroll === 'boolean') {
+          var _this3$rowsHeightMap$;
+          rowMarginTop = (_this3$rowsHeightMap$ = _this3.rowsHeightMap.get(startIndex - 1)) === null || _this3$rowsHeightMap$ === void 0 ? void 0 : _this3$rowsHeightMap$[1];
+        }
         if (Array.isArray(row)) {
           var _ref4;
           return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/React.createElement(SRowGroup, _ref4.cn("SRowGroup", {
             "role": 'rowgroup',
             "key": index
-          }), row.map(function (item, index) {
+          }), row.map(function (item, i) {
             return /*#__PURE__*/React.createElement(Body.Row, {
-              key: index,
-              row: item
+              key: item[_DataTable.UNIQ_ROW_KEY],
+              row: item,
+              offset: startIndex
             });
           }));
         }
         return /*#__PURE__*/React.createElement(Body.Row, {
-          key: index,
-          row: row
+          key: row[_DataTable.UNIQ_ROW_KEY],
+          row: row,
+          offset: startIndex,
+          ref: _this3.handleRef(startIndex + index),
+          rowMarginTop: rowMarginTop
         });
       }), loading && /*#__PURE__*/React.createElement(SSpinContainer, _ref3.cn("SSpinContainer", {
         "innerOutline": true,
         "headerHeight": "".concat(headerHeight, "px"),
         "tabIndex": -1,
-        "ref": spinnerRef
+        "ref": spinnerRef,
+        "role": 'row'
       }), /*#__PURE__*/React.createElement(_spin["default"], _ref3.cn("Spin", {
-        "size": 'xxl'
+        "size": 'xxl',
+        "role": 'gridcell'
       }))));
     }
   }, {
@@ -217,6 +357,91 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
     value: function isReactNode(obj) {
       return typeof obj === 'string' || typeof obj === 'number' || /*#__PURE__*/React.isValidElement(obj) || typeof obj === 'boolean' || obj === undefined || obj === null;
     }
+  }, {
+    key: "calculateRows",
+    value: function calculateRows() {
+      var _this4 = this;
+      var _this$asProps4 = this.asProps,
+        data = _this$asProps4.data,
+        uid = _this$asProps4.uid,
+        columns = _this$asProps4.columns;
+      var rows = [];
+      var columnNames = columns.map(function (column) {
+        return column.name;
+      });
+      var rowIndex = 0;
+      var id = 100000000; // need this for gen keys by toString(36)
+
+      var makeDtRow = function makeDtRow(row, excludeColumns) {
+        var columns = new Set(columnNames);
+        var dtRow = Object.entries(row).reduce(function (acc, _ref5) {
+          var _ref6 = (0, _slicedToArray2["default"])(_ref5, 2),
+            key = _ref6[0],
+            value = _ref6[1];
+          var columnsToRow = key.split(_this4.columnsSplitter);
+          if (columnsToRow.length === 1) {
+            acc[key] = value !== null && value !== void 0 ? value : '';
+            columns["delete"](key);
+          } else {
+            acc[columnsToRow[0]] = new _MergedCells.MergedColumnsCell(value, {
+              dataKey: key,
+              size: columnsToRow.length
+            });
+            columnsToRow.forEach(function (value) {
+              columns["delete"](value);
+            });
+          }
+          if (row[_DataTable.ACCORDION]) {
+            acc[_DataTable.ACCORDION] = row[_DataTable.ACCORDION];
+          }
+          return acc;
+        }, (0, _defineProperty2["default"])({}, _DataTable.UNIQ_ROW_KEY, "".concat(uid, "_").concat((rowIndex + id).toString(36))));
+        excludeColumns === null || excludeColumns === void 0 ? void 0 : excludeColumns.forEach(function (value) {
+          columns["delete"](value);
+        });
+        if (columns.size > 0) {
+          columns.forEach(function (value) {
+            dtRow[value] = '';
+          });
+        }
+        return dtRow;
+      };
+      data.forEach(function (row) {
+        var groupedRows = row[_DataTable.ROW_GROUP];
+        var fromRow = rowIndex + 2; // 1 - for header, 1 - because start not from 0, but from 1
+
+        if (groupedRows) {
+          var toRow = fromRow + groupedRows.length;
+          var innerRows = [];
+          var groupedKeys = [];
+          var groupedRowData = Object.entries(row).reduce(function (acc, _ref7) {
+            var _ref8 = (0, _slicedToArray2["default"])(_ref7, 2),
+              key = _ref8[0],
+              value = _ref8[1];
+            acc[key] = new _MergedCells.MergedRowsCell(value, [fromRow, toRow]);
+            groupedKeys.push(key);
+            return acc;
+          }, (0, _defineProperty2["default"])({}, _DataTable.UNIQ_ROW_KEY, ''));
+          groupedRows.forEach(function (childRow, index) {
+            var dtRow;
+            if (index === 0) {
+              var rowData = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, childRow), groupedRowData);
+              dtRow = makeDtRow(rowData);
+            } else {
+              dtRow = makeDtRow(childRow, groupedKeys);
+            }
+            innerRows.push(dtRow);
+            rowIndex++;
+          });
+          rows.push(innerRows);
+        } else {
+          var dtRow = makeDtRow(row);
+          rows.push(dtRow);
+          rowIndex++;
+        }
+      });
+      return rows;
+    }
   }]);
   return BodyRoot;
 }(_core.Component);