表头自适应高度

wss. · wss.

我的妈呀，我用了你给的那个表头自适应的方法用到2020版本的wijmo之后人都傻了

KevinChen · KevinChen

额，不会啊，我在2020的Demo上是好的，参考这个Demo：
https://www.grapecity.com/wijmo/demos/Grid/Data-binding/Basics/purejs

另外你要的垂直居中效果，可以参考附件示例。

wss. · wss.

本帖最后由 wss. 于 2020-6-22 18:08 编辑

KevinChen 发表于 2020-6-17 14:53
额，不会啊，我在2020的Demo上是好的，参考这个Demo：
https://www.grapecity.com/wijmo/demos/Grid/Data- ...

你好，我发现原因了，因为我加了动画，这两者不能并存吗?

复制代码

KevinChen · KevinChen

这里应该是css冲突了

wss. · wss.

KevinChen 发表于 2020-6-22 18:11
这里应该是css冲突了

那是不能做到动画效果吗

KevinChen · KevinChen

抱歉，今天在外出差，最迟下班前回复您，以及其它几个问题。

wss. · wss.

KevinChen 发表于 2020-6-23 13:50
抱歉，今天在外出差，最迟下班前回复您，以及其它几个问题。

没关系，幸苦啦

KevinChen · KevinChen

你好，经调研，造成列头变高的原因不是由于动画效果影响的，建议您再排查一下这个问题的原因，猜测可能是由于您页面中其它的UI框架或元素导致了这个问题。

wss. · wss.

KevinChen 发表于 2020-6-23 16:36
你好，经调研，造成列头变高的原因不是由于动画效果影响的，建议您再排查一下这个问题的原因，猜测可能是由 ...

你好，并不是其他的问题，我在你们的页面上进行调试的，仅仅修改了以下几个地方，是基于你上次发我的链接上修改的

复制代码

var autoFitColumnHeaderWidth = function(s,e){
setTimeout(function() {
for(var i=0;i< s.columnHeaders.rows.length;i++){
var row = s.columnHeaders.rows[i];
row.wordWrap = true;
}
s.autoSizeRow(s.columnHeaders.rows.length-1, true);
});
}
// bind a grid to the raw data
var theGrid = new FlexGrid('#theGrid', {
allowSorting: false,
showSort: false,
autoGenerateColumns: false,
columns: [
{ binding: 'country', header: 'This is the Country column, but the heading is ridiculously wide so we have to wrap...', width: '2*' },
{ binding: 'sales', header: 'Sales', width: '*', format: 'n2' },
{ binding: 'expenses', header: 'Expenses', width: '*', format: 'n2' }
],
itemsSource: data,
showSelectedHeaders: 'All',
showMarquee: true,
deferResizing: true,
resizedColumn: autoFitColumnHeaderWidth,
loadedRows: autoFitColumnHeaderWidth
});

复制代码

KevinChen · KevinChen

您好，这个问题需要一些时间来分析，预计明天上午给您反馈。

		自动登录	找回密码
密码			立即注册

[已处理] 表头自适应高度