wss. 发表于 2020-6-17 10:12:15

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

KevinChen 发表于 2020-6-17 14:53:40

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


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

wss. 发表于 2020-6-22 18:07:16

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

KevinChen 发表于 2020-6-17 14:53
额,不会啊,我在2020的Demo上是好的,参考这个Demo:
https://www.grapecity.com/wijmo/demos/Grid/Data- ...
你好,我发现原因了,因为我加了动画,这两者不能并存吗?.wj-flexgrid .wj-marquee,
.wj-flexgrid .wj-header,
.wj-flexgrid .wj-cell {
transition: all .4s;

/* want to play? -> http://cubic-bezier.com */
   transition-timing-function: cubic-bezier(.5,0,.5,1)
}

KevinChen 发表于 2020-6-22 18:11:53

这里应该是css冲突了

wss. 发表于 2020-6-23 09:36:18

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

那是不能做到动画效果吗

KevinChen 发表于 2020-6-23 13:50:44

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

wss. 发表于 2020-6-23 15:14:23

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

没关系,幸苦啦

KevinChen 发表于 2020-6-23 16:36:32

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

wss. 发表于 2020-6-23 17:09:35

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

你好,并不是其他的问题,我在你们的页面上进行调试的,仅仅修改了以下几个地方,是基于你上次发我的链接上修改的
<style>
       .wj-flexgrid .wj-marquee, .wj-flexgrid .wj-header, .wj-flexgrid .wj-cell {
    text-align: right;
    transition: all 0.4s;
}

    </style>var autoFitColumnHeaderWidth = function(s,e){
      setTimeout(function() {
            for(var i=0;i< s.columnHeaders.rows.length;i++){
                var row = s.columnHeaders.rows;
               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 发表于 2020-6-23 17:47:34

您好,这个问题需要一些时间来分析,预计明天上午给您反馈。
页: 1 [2] 3
查看完整版本: 表头自适应高度