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

vxe-grid v4.7.67 列宽自适应筛选器的icon换行错位 #2557

Open
1 task done
1373720368 opened this issue Sep 14, 2024 · 0 comments
Open
1 task done

vxe-grid v4.7.67 列宽自适应筛选器的icon换行错位 #2557

1373720368 opened this issue Sep 14, 2024 · 0 comments
Labels
bug Something isn't working

Comments

@1373720368
Copy link

可复现的链接(包含复现链接与示例代码):

hhhs

问题描述与截图:

<script> export default { data () { return { tableColumn: [ { width:'auto', field: 'name', title: 'Namesfsfssdfgdg', columnKey: 'name', filters: [{ data: null }], filterRender: { name: 'FilterTable', props: { placeholder: '请输入关键字' }, type: 'input', }, }, { width:'auto', field: 'role', title: 'Role水电费水电费十多个速度高达搜嘎手打干撒个', columnKey: 'role', filters: [{ data: null }], filterRender: { name: 'FilterTable', props: { placeholder: '请输入关键字' }, type: 'input', }, }, { width:'auto', field: 'sex发发的', title: 'Sex', columnKey: 'sex' }, { width:'auto', field: 'address递四方速递', title: 'Address', columnKey: 'address', showOverflow: true }, { width:'auto', field: 'name', title: 'Namesfsfssdfgdg', columnKey: 'name', filters: [{ data: null }], filterRender: { name: 'FilterTable', props: { placeholder: '请输入关键字' }, type: 'input', }, }, { width:'auto', field: 'role', title: 'Role水电费水电费十多个速度高达搜嘎手打干撒个', columnKey: 'role', filters: [{ data: null }], filterRender: { name: 'FilterTable', props: { placeholder: '请输入关键字' }, type: 'input', }, }, { width:'auto', field: 'sex发发的', title: 'Sex', columnKey: 'sex' }, { width:'auto', field: 'address递四方速递', title: 'Address', columnKey: 'address', showOverflow: true }, { width:'auto', field: 'role', title: 'Role水电费水电费十多个速度高达搜嘎手打干撒个', columnKey: 'role', filters: [{ data: null }], filterRender: { name: 'FilterTable', props: { placeholder: '请输入关键字' }, type: 'input', }, }, { field: 'sex发发的', title: 'Sex', columnKey: 'sex' }, { field: 'address递四方速递', title: 'Address', columnKey: 'address', showOverflow: true }, ], tableData: [ { id: 10001, name: 'Test1', role: 'Develop', sex: 'Man', address: '深圳是个好地方深圳是个好地方深圳是个好地方深圳是个好地方深圳是个好地方深圳是个好地方深圳是个好地方深圳是个好地方深圳是个好地方深圳是个好地方深圳是个好地方', index: '0', age: '23', region: ['zhejiang', 'hangzhou', 'xihu'], data: '2021-10-08T16:54:48.257+0800', data1: '2021-10-08T16:54:48.257+0800', flag: false, rate: 2, state: 'START', referenceObject: { id: 10002, name: 'referenceObject1', role: 'Test', sex: 'Man', address: 'Guangzhou', index: '1', age: '24', region: ['zhejiang', 'hangzhou', 'xihu'], data: null, flag: false, rate: 2, // eslint-disable-next-line no-dupe-keys data: '2021-10-09T16:54:48.257+0800', data1: '2021-10-09T16:54:48.257+0800', state: 'NEWITEM', }, children: [ { id: 10002, name: 'Test2', role: 'Test', sex: 'Man', address: 'Guangzhou', index: '1', age: '23', children: [ { id: 10003, name: 'Test3', role: 'PM', sex: 'Man', address: 'Shanghai', index: '2', age: '23', }, { id: 10004, name: 'Test4', role: 'PM', sex: 'Woman', address: 'Shanghai', index: '3', age: '23', }, ], }, { id: 10003, name: 'Test3', role: 'PM', sex: 'Man', address: 'Shanghai', index: '2', age: '23', }, { id: 10004, name: 'Test4', role: 'PM', sex: 'Woman', address: 'Shanghai', index: '3', age: '23', }, ], }, { id: 10002, name: 'Test2', role: 'Test', sex: 'Man', address: 'Guangzhou', index: '1', age: '24', region: ['zhejiang', 'hangzhou', 'xihu'], data: null, flag: false, rate: 2, // eslint-disable-next-line no-dupe-keys data: '2021-10-09T16:54:48.257+0800', data1: '2021-10-09T16:54:48.257+0800', state: 'NEWITEM', referenceObject: { id: 10002, name: 'referenceObject2', role: 'Test', sex: 'Man', address: 'Guangzhou', index: '1', age: '24', region: ['zhejiang', 'hangzhou', 'xihu'], data: null, flag: false, rate: 2, // eslint-disable-next-line no-dupe-keys data: '2021-10-09T16:54:48.257+0800', data1: '2021-10-09T16:54:48.257+0800', state: 'NEWITEM', }, }, { id: 10003, name: 'Test3', role: 'PM', sex: 'Man', address: 'Shanghai', index: '2', age: '25', region: ['zhejiang', 'hangzhou', 'xihu'], data: null, flag: false, rate: 2, // eslint-disable-next-line no-dupe-keys data: '2021-10-10T16:54:48.257+0800', data1: '2021-10-10T16:54:48.257+0800', state: 'REWORK', referenceObject: { id: 10002, name: 'referenceObject3', role: 'Test', sex: 'Man', address: 'Guangzhou', index: '1', age: '24', region: ['zhejiang', 'hangzhou', 'xihu'], data: null, flag: false, rate: 2, // eslint-disable-next-line no-dupe-keys data: '2021-10-09T16:54:48.257+0800', data1: '2021-10-09T16:54:48.257+0800', state: 'NEWITEM', }, }, { id: 10004, name: 'Test4', role: 'PM', sex: 'Woman', address: 'Shanghai', index: '3', age: '25', region: ['zhejiang', 'hangzhou', 'xihu'], data: null, flag: false, rate: 2, // eslint-disable-next-line no-dupe-keys data: '2021-10-11T16:54:48.257+0800', data1: '2021-10-11T16:54:48.257+0800', state: 'PROTOTYPE', referenceObject: { id: 10002, name: 'referenceObject4', role: 'Test', sex: 'Man', address: 'Guangzhou', index: '1', age: '24', region: ['zhejiang', 'hangzhou', 'xihu'], data: null, flag: false, rate: 2, // eslint-disable-next-line no-dupe-keys data: '2021-10-09T16:54:48.257+0800', data1: '2021-10-09T16:54:48.257+0800', state: 'NEWITEM', }, }, ] } } } </script>

image

期望的结果:

期望能够自适应由内容撑开

操作系统:

window10

浏览器版本:

chrome 最新版本

vue 版本:

3.2.47

vxe-pc-ui 版本:

4.1.16

vxe-table 版本:

4.7.67

是否使用当前最新版本?

  • 我已确认是使用当前的最新版本并已按要求提供复现链接与示例代码。
@1373720368 1373720368 added the bug Something isn't working label Sep 14, 2024
xuliangzhan added a commit that referenced this issue Sep 19, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant