Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

table组件设置的scroll-y滚动区域,在ie内滚轮事件无效 #390

Closed
1 task
wry5560 opened this issue Jan 10, 2019 · 5 comments
Closed
1 task
Labels

Comments

@wry5560
Copy link

wry5560 commented Jan 10, 2019

  • I have searched the issues of this repository and believe that this is not a duplicate.

Version

1.2.2

Environment

win10 x64,ie11,vue 2.5.21

Reproduction link

https://vuecomponent.github.io/ant-design-vue/components/table-cn/

Steps to reproduce

使用table组件,并且设置scroll-y 纵轴滚动区域,在ie11下(其他ie未测试)鼠标在该区域内使用滚轮无效,在chrome内无此问题。在全局并未监听到鼠标滚动事件。
官方示例同样存在该问题。

What is expected?

鼠标滚动可触发table的滚动事件

What is actually happening?

ie11下table鼠标滚动无效

@tangjinzhou
Copy link
Member

可以给一个 Reproduction link ?

@wry5560
Copy link
Author

wry5560 commented Jan 13, 2019

http://feooe.myds.me:6200/asrsajj/AS_SYSTEM/tableDemo/index.html
可查看上面这个demo地址,通过时间选择器生成table数据,超出后会出现滚动条,在chrome下鼠标滚轮正常使用,在ie11下无法滚动。已经配置了babel/polyfill
代码 (没什么特别的哈):

<template>
  <div class="ajj-tast-table">
    <div  class="editable-add-btn">
      <a-range-picker :value="dateRange.dateRangePickedValue"@change="onRangeChange" :disabledDate="disabledDate"size="small" />
    </div>
    <a-table
      bordered
      :dataSource="dataSource"
      :columns="columns"
      size="small"
      :pagination='false'
      :scroll="scrollSize">
    </a-table>
  </div>
</template>
<script>
  import moment from 'moment';
  import {format, eachDay} from 'date-fns'
  export default {
    components: {
    },
    props:{
    },
    data () {
      return {
        dateRange:{
          startDate:moment().format('YYYY-MM-DD'),
          endDate:moment().endOf('month').format('YYYY-MM-DD'),
          defaultMonthValue:moment(),
          monthPickedValue:moment(),
          dateRangePickedValue:[]
        },
        scrollSize:{
          y:1000
        },
        columns:[
            {
              title: '日期',
              dataIndex: 'paibandate',
              width: 120,
              align:'center',
            },
            {
              titleText:'一级',
              dataIndex: 'lv1user',
              width: 216,
              align:'center',
            },
            {
              titleText:'二级',
              dataIndex: 'lv2user',
              width: 216,
              align:'center',
            },
          ],
        dataSource: [],
        count: 2,
      }
    },
    computed:{
    },
    methods: {
      moment,
      onRangeChange(date,dateString){
        this.dateRange.dateRangePickedValue=date
        this.dateRange.startDate=dateString[0]
        this.dateRange.endDate=dateString[1]
        this.reqTableData()
      },
      reqTableData(){
        this.dataSource=[]
        const dates =eachDay(this.dateRange.startDate,this.dateRange.endDate)
        const datas=[]
        dates.forEach((date,index)=>{
          datas.push({
            key:index,
            paibandate: format(date,'YYYY-MM-DD'),
            lv1user:'',
            lv2user:'',
          })
        })
        this.dataSource=datas
      },
    },
  }

tangjinzhou added a commit that referenced this issue Jan 15, 2019
@tangjinzhou
Copy link
Member

update to 1.3.1

@asipilin
Copy link

你好,我也遇到了类似的问题,在IE 11上鼠标在Table上滚动无效,在Chrome上滚动OK.请问有什么好的定位手段吗?

@github-actions
Copy link

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

@github-actions github-actions bot locked as resolved and limited conversation to collaborators Sep 24, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

No branches or pull requests

3 participants