@progress/kendo-react-grid 5.1.0-dev.202201271252 → 5.1.0-dev.202202101500

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/es/Grid.js CHANGED
@@ -572,6 +572,7 @@ var Grid = /** @class */ (function (_super) {
572
572
  }, role: "presentation" }, leafColumns.map(function (column, index) { return (React.createElement("col", { key: index.toString(), className: sorted(column.field) ? 'k-sorted' : undefined, width: column.width !== undefined ?
573
573
  Math.floor(parseFloat(column.width.toString())) + 'px' : undefined })); })));
574
574
  var enableDragClues = this.dragLogic.reorderable || this.dragLogic.groupable;
575
+ var tableDisplay = this.props.columnVirtualization ? 'block' : 'table';
575
576
  if (this.props.scrollable === 'none') {
576
577
  return (React.createElement(TableKeyboardNavigationContext.Provider, { value: this.contextStateRef.current },
577
578
  React.createElement("div", __assign({ style: this.props.style, className: classNames('k-widget k-grid', this.props.className), "aria-colcount": leafColumns.length, "aria-rowcount": total, ref: function (el) { _this.element = el; }, onKeyDown: this.onKeyDown, onFocus: this.onFocus }, tableKeyboardNavigationScopeAttributes),
@@ -582,7 +583,7 @@ var Grid = /** @class */ (function (_super) {
582
583
  _this.tableElement = table;
583
584
  _this.resetTableWidth();
584
585
  } },
585
- React.createElement("table", { style: { userSelect: tableUserSelect } },
586
+ React.createElement("table", { style: { userSelect: tableUserSelect, display: tableDisplay } },
586
587
  colGroups,
587
588
  header,
588
589
  React.createElement("tbody", __assign({}, tableKeyboardNavigationBodyAttributes), body),
@@ -616,7 +617,7 @@ var Grid = /** @class */ (function (_super) {
616
617
  _this.vs.table = table;
617
618
  _this.tableElement = table;
618
619
  } },
619
- React.createElement("table", { className: 'k-grid-table', role: "presentation", style: { userSelect: tableUserSelect } },
620
+ React.createElement("table", { className: 'k-grid-table', role: "presentation", style: { userSelect: tableUserSelect, display: tableDisplay } },
620
621
  colGroups,
621
622
  React.createElement("tbody", __assign({ ref: function (tableBody) {
622
623
  _this.vs.tableBody = tableBody;
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-react-grid',
6
6
  productName: 'KendoReact',
7
7
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
8
- publishDate: 1643287310,
8
+ publishDate: 1644504778,
9
9
  version: '',
10
10
  licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
11
11
  };
package/dist/npm/Grid.js CHANGED
@@ -574,6 +574,7 @@ var Grid = /** @class */ (function (_super) {
574
574
  }, role: "presentation" }, leafColumns.map(function (column, index) { return (React.createElement("col", { key: index.toString(), className: sorted(column.field) ? 'k-sorted' : undefined, width: column.width !== undefined ?
575
575
  Math.floor(parseFloat(column.width.toString())) + 'px' : undefined })); })));
576
576
  var enableDragClues = this.dragLogic.reorderable || this.dragLogic.groupable;
577
+ var tableDisplay = this.props.columnVirtualization ? 'block' : 'table';
577
578
  if (this.props.scrollable === 'none') {
578
579
  return (React.createElement(kendo_react_data_tools_1.TableKeyboardNavigationContext.Provider, { value: this.contextStateRef.current },
579
580
  React.createElement("div", __assign({ style: this.props.style, className: kendo_react_common_1.classNames('k-widget k-grid', this.props.className), "aria-colcount": leafColumns.length, "aria-rowcount": total, ref: function (el) { _this.element = el; }, onKeyDown: this.onKeyDown, onFocus: this.onFocus }, kendo_react_data_tools_1.tableKeyboardNavigationScopeAttributes),
@@ -584,7 +585,7 @@ var Grid = /** @class */ (function (_super) {
584
585
  _this.tableElement = table;
585
586
  _this.resetTableWidth();
586
587
  } },
587
- React.createElement("table", { style: { userSelect: tableUserSelect } },
588
+ React.createElement("table", { style: { userSelect: tableUserSelect, display: tableDisplay } },
588
589
  colGroups,
589
590
  header,
590
591
  React.createElement("tbody", __assign({}, kendo_react_data_tools_1.tableKeyboardNavigationBodyAttributes), body),
@@ -618,7 +619,7 @@ var Grid = /** @class */ (function (_super) {
618
619
  _this.vs.table = table;
619
620
  _this.tableElement = table;
620
621
  } },
621
- React.createElement("table", { className: 'k-grid-table', role: "presentation", style: { userSelect: tableUserSelect } },
622
+ React.createElement("table", { className: 'k-grid-table', role: "presentation", style: { userSelect: tableUserSelect, display: tableDisplay } },
622
623
  colGroups,
623
624
  React.createElement("tbody", __assign({ ref: function (tableBody) {
624
625
  _this.vs.tableBody = tableBody;
@@ -7,7 +7,7 @@ exports.packageMetadata = {
7
7
  name: '@progress/kendo-react-grid',
8
8
  productName: 'KendoReact',
9
9
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
10
- publishDate: 1643287310,
10
+ publishDate: 1644504778,
11
11
  version: '',
12
12
  licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
13
13
  };