<el-table ref="table" v-loading="listLoading" :data="tableData" :row-key="getRowKey" border stripe :height="tableHeight" :header-cell-style="{'background':'#F5F4F7'}" @selection-change="handleSelectionChange" > <el-table-column v-if="$route.query.isMult==='many' || multiContract...
border stripe :height="tableHeight" :seq-config="{seqMethod}" @resizable-change="resizableChange" > resizableChange({ resizeWidth, column }) { const one = this.tableObj.baselistcolumnList.find(el => { return el.strfield === column.property }) if (one) { one.intwidth = resizeWidth t...
<div class="vxe-table"> <vxe-toolbar :refresh="{ query: refreshList }" export print custom> <template #buttons> <el-button type="primary" size="small" icon="el-icon-plus" @click="add()" >新建</el-button > <el-button type="danger" size="small" icon="el-icon-delete" @click=...
发现一个问题,就是在单元格中渲染 el-select 时,会导致下拉选项无法被选中,点击后立马就消失,看了 vxe-table 官方文档,是支持与任意第三方库集成的,发现官网扩展插件里面有个适配插件安装一下就可以了正常选择了。
通过控制变量和分析，很容易确认问题根源在于 VXETable 的虚拟滚动功能。关闭虚拟滚动（通过设置 scroll-y 属性为 false）后，可以看到性能显著提升，且滚动后点击“提交”按钮仍无法通过校验。对比使用标准的 ElTable 组件时的情况，关闭虚拟滚动后性能更为明显，同样存在滚动后校验不通过的问题。这证实了...
我们可以修改<vxe-table>的scroll-y属性来验证一下,我们将enabled设置成false强制禁用虚拟滚动,会发现卡顿明显了不少,而且滚动后再点击“提交”按钮不能通过校验。如果换回 ElTable,卡顿感会更为明显,同样地,滚动后再点击“提交”按钮不能通过校验。这就可以确认问题根源是 VXETable 的虚拟滚动功能。
vue中使⽤vxe-table制作可编辑表格的使⽤过程 项⽬上有⼀个表格需要实现在线编辑，开始⽤了 element 的el-table 实现，单元格内基础情况就是监听了单击单元格切换⼀个span标签与input标签，复杂点的单元格使⽤了⼤量的条件判断来实现对应的编辑操作，⽐如下拉选，popover弹框编辑。整个表格⼏⼗列...
<el-date-picker v-model="row.date" type="date"></el-date-picker> </template> </vxe-column> </vxe-table> export default { data () { return { tableData: [ { id: 100, name: 'test0', age: 28, sex: '1', date: null }, ...
对应vxe-table v4 版本 如果您使用的是 vxe-table 4.7+ 最新版本,建议使用更强大的 @vxe-ui/plugin-render-element 适配器,代码完全兼容Installingnpm install vxe-table@next vxe-table-plugin-element@next element-plus // ... import VXETable from 'vxe-table' import VXETablePluginElement from 'vxe-...
項目上有一個表格需要實現在線編輯,開始用瞭 element 的el-table 實現,單元格內基礎情況就是監聽瞭單擊單元格切換一個span標簽與input標簽,復雜點的單元格使用瞭大量的條件判斷來實現對應的編輯操作,比如下拉選,popover彈框編輯。整個表格幾十列,十幾條數據就已經出現瞭明顯的卡頓,在做瞭諸多操作(比如el-input使用原...