表头自适应高度

我在列上设置了wordWrap=true; 内容的确自动换行了，但是高度却没变

你好，感谢反馈，本帖就结贴了，新的问题欢迎发新帖交流~

请参考这篇示例：

http://jsfiddle.net/Wijmo5/apzwy85z/

关键代码如下：

1.     $scope.itemsSourceChanged = function(s, e) {
   
2.         setTimeout(function() {
   
3.             
   
4.             // enable wrapping on first header row
   
5.             var row = s.columnHeaders.rows[0];
   
6.             row.wordWrap = true;
   
7. 
   
8.             // autosize first header row
   
9.             s.autoSizeRow(0, true);
   
10.             
    
11.             // limit height to 100px
    
12.             //if (row.height > 100) {
    
13.             //    row.height = 100;
    
14.             //}
    
15.         });
    
16.     }

复制代码

KevinChen 发表于 2020-6-12 18:20
请参考这篇示例：

http://jsfiddle.net/Wijmo5/apzwy85z/

你好，页面打不开

你好，请将以下代码完整复制，到示例页面替换掉app.js，点击运行即可看到效果：

1. import 'bootstrap.css';
   
2. import '@grapecity/wijmo.styles/wijmo.css';
   
3. import { SortDescription, format } from '@grapecity/wijmo';
   
4. import { FlexGrid } from '@grapecity/wijmo.grid';
   
5. document.readyState === 'complete' ? init() : window.onload = init;
   
6. function init() {
   
7.     // create some random data
   
8.     var countries = 'US,Germany,UK,Japan,Italy,Greece'.split(',');
   
9.     var data = [];
   
10.     for (var i = 0; i < countries.length; i++) {
    
11.         data.push({
    
12.             id: i,
    
13.             country: countries[i],
    
14.             sales: Math.random() * 10000,
    
15.             expenses: Math.random() * 5000
    
16.         });
    
17.     }
    
18. 
    
19.     var autoFitColumnHeaderWidth = function(s,e){
    
20.         setTimeout(function() {
    
21.             // enable wrapping on first header row
    
22.             var row = s.columnHeaders.rows[0];
    
23.             row.wordWrap = true;
    
24.             // autosize first header row
    
25.             s.autoSizeRow(0, true);
    
26.         });
    
27.     }
    
28. 
    
29.     // bind a grid to the raw data
    
30.     var theGrid = new FlexGrid('#theGrid', {
    
31.         allowSorting: false,
    
32.         showSort: false,
    
33.         autoGenerateColumns: false,
    
34.         columns: [
    
35.             { binding: 'country', header: 'This is the Country column, but the heading is ridiculously wide so we have to wrap...', width: '2*' },
    
36.             { binding: 'sales', header: 'Sales', width: '*', format: 'n2' },
    
37.             { binding: 'expenses', header: 'Expenses', width: '*', format: 'n2' }
    
38.         ],
    
39.         itemsSource: data,
    
40.         resizedColumn: autoFitColumnHeaderWidth,
    
41.         loadedRows: autoFitColumnHeaderWidth
    
42.     });
    
43.     // show the current item
    
44.     var selItemElement = document.getElementById('selectedItem');
    
45.     function updateCurrentInfo() {
    
46.         selItemElement.innerHTML = format('Country: <b>{country}</b>, Sales: <b>{sales:c0}</b> Expenses: <b>{expenses:c0}</b>', theGrid.collectionView.currentItem);
    
47.     }
    
48.     // update current item now and when the grid selection changes
    
49.     updateCurrentInfo();
    
50.     theGrid.collectionView.currentChanged.addHandler(updateCurrentInfo);
    
51.     // sort the data by country
    
52.     var sd = new SortDescription('country', true);
    
53.     theGrid.collectionView.sortDescriptions.push(sd);
    
54. }
    

复制代码

示例地址：

https://demo.grapecity.com.cn/wi ... nding/Basics/purejs

KevinChen 发表于 2020-6-15 09:28
你好，请将以下代码完整复制，到示例页面替换掉app.js，点击运行即可看到效果：

能否做到单行的话垂直居中呢

KevinChen 发表于 2020-6-15 09:28
你好，请将以下代码完整复制，到示例页面替换掉app.js，点击运行即可看到效果：

而且我发现了一个问题，好像这个方法对自定义编辑事件产生了影响（不能编辑）

wss. 发表于 2020-6-16 16:46
而且我发现了一个问题，好像这个方法对自定义编辑事件产生了影响（不能编辑）

准确的说loadedRows是这个导致了这个问题，进不来beginningEdit事件

KevinChen 发表于 2020-6-15 09:28
你好，请将以下代码完整复制，到示例页面替换掉app.js，点击运行即可看到效果：

打扰了打扰了，我知道问题了

KevinChen 发表于 2020-6-16 18:28
你好，感谢反馈，本帖就结贴了，新的问题欢迎发新帖交流~

不好意思，
楼上这个问题还没解决：
能否做到单行的话垂直居中呢