devextreme-planit-treegrid-react 0.3.0 → 1.1.0

package/README.md

@@ -31,6 +31,7 @@ npm install devextreme-planit-treegrid-react
 import DxPlanitTreeGrid from 'devextreme-planit-treegrid-react'
 
 <DxPlanitTreeGrid
+  id='dx-planit-vera-pivotgrid-id'
   ref={$childRef}
   dataSource={dataSource}
   groupField={TreeDataGroup}
@@ -73,6 +74,7 @@ export const TreeDataGroup: IGroupField[] = [
   {
     groupCaption: '진료 수입 (백만원)',
     groupName: 'mediIncome',
+    html: '진료 수입 <em>(백만원)</em>',
     depth: 1,
     colspan: 7,
   },
@@ -89,7 +91,7 @@ export const TreeDataGroup: IGroupField[] = [
 
 \*\*Note: [DevExtreme PivotGrid](https://js.devexpress.com/Documentation/ApiReference/UI_Components/dxPivotGrid/) 중 아래의 기능은 사용 불능 처리되었습니다.
 
-> id, width, height, showColumnGrandTotals, showColumnTotals, showRowGrandTotals, FieldChooser
+> width, height, showColumnGrandTotals, showColumnTotals, showRowGrandTotals, FieldChooser
 
 \*\*Note: [DevExtreme PivotGrid](https://js.devexpress.com/Documentation/ApiReference/UI_Components/dxPivotGrid/) 중 아래의 기능은 사용 방법이 변경되었습니다.
 

package/dist/DxPlanitTreeGrid.js

@@ -315,11 +315,9 @@ var DxPlanitTreeGrid = /*#__PURE__*/ (0, _react.forwardRef)(function (props, ref
    * @return
    */
   var makeColspan = function makeColspan(group, index, isLast) {
+    var _group$html;
     var td = document.createElement('td');
-    var text = group.groupCaption;
-    if (group.depth === 1) {
-      text = ''.concat(group.groupCaption);
-    }
+    var text = (_group$html = group.html) !== null && _group$html !== void 0 ? _group$html : group.groupCaption;
     td.setAttribute('colspan', group.colspan.toString());
     td.setAttribute('class', 'dx-row-total dx-grand-total dx-planit-colspan');
     if (isLast && index === 0) {
@@ -329,7 +327,7 @@ var DxPlanitTreeGrid = /*#__PURE__*/ (0, _react.forwardRef)(function (props, ref
     } else if (!isLast && index === 0) {
       td.setAttribute('style', 'border-bottom: 0');
     }
-    td.innerHTML = '<div>'.concat(text, '</div>');
+    td.innerHTML = '<span>'.concat(text, '</span>');
     return td;
   };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "devextreme-planit-treegrid-react",
-  "version": "0.3.0",
+  "version": "1.1.0",
   "description": "Devextreme의 DxPivotGrid를 Tree Grid처럼 보여주는 Wrapper입니다.",
   "main": "dist/index.js",
   "files": [
@@ -39,7 +39,7 @@
   ],
   "dependencies": {
     "devextreme": "^22.1.6",
-    "devextreme-planit-treegrid-react": "^0.2.9",
+    "devextreme-planit-treegrid-react": "^0.3.0",
     "devextreme-react": "^22.1.6",
     "exceljs": "^4.3.0",
     "file-saver": "^2.0.5",