search

IDuxFE / idux

🚀 A UI Component Library for Vue3.x
https://idux.site
MIT License
543 stars 141 forks source link

[pro:table] layout tool 与列排序/列过滤冲突 #1010

Closed tuchg closed 2 years ago

tuchg commented 2 years ago

Reproduction link

https://stackblitz.com/edit/idux-starter-xhwtvd?file=src%2FHelloWorld.vue

Steps to reproduce

  {
    title: 'Action',
    key: 'action',
    customCell: 'action',
    sortable: {
      sorter: ()=>{},
    },
    minWidth: 900,
  },

What is expected?

宽度满足预期 排序按钮不会与toolbar冲突

What is actually happening?

列宽无法自定义 toolbar遮盖排序按钮 image

Environment Info

lastests
idux-bot[bot] commented 2 years ago

Translation of this issue:

[Pro: Table] Wide width settings are invalid, TOOLBAR and column sort/column filtration conflict

REPRODUCTION LINK

[https://stackz.com/edit/idux-starter-xhwtvd?file=src%2FHELLOWORLD.VUE] (https://stackBlitz.com/edit/idux-xhwtvd?src%2FHELLOWORLD.VUEE)

STEPS To Reproduce

  {
    title: 'Action',
    key: 'action',
    customCell: 'action',
    sortable: {
      sorter: ()=>{},
    },
    minWidth: 900,
  },

What is exfected?

Width satisfaction expectations Sorting button will not conflict with Toolbar

What is actually happy?

Width cannot be customized TOOLBAR cover sorting button ! [Image] (https://user-images.githubusercontent.com/24775733/178403347-99b540fd-46ca-b158-b23093565F31.png))))))

ENVIRONMENT Info

lastests
danranVm commented 2 years ago