el-table vxe-table 表格宽度拖拽

<vxe-table
      ref="table"
      v-loading="listLoading"
      :data="tableData"
      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
        this.listStyle()
      }
    },
<el-table
          ref="table"
          v-loading="importLoading"
          :data="mainForm.ceCapitalpaymentdetailList"
          border
          stripe
          class="tb-edit"
          :header-cell-class-name="headerIconEdit"
          @header-dragend="dragendEvent"
        >
dragendEvent(newWidth, oldWidth, column) {
      const one = this.tableObj.baselistcolumnList.find(el => { return el.strfield === column.property })
      if (one) {
        one.intwidth = newWidth
        this.listStyle()
      }
    },
  • 10
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
el-tablevxe-table是两个常用的Vue表格解决方案。它们各自有一些优点和缺点。 el-tableElement UI库中的一个组件,具有以下优点: - 官方支持:el-tableElement UI官方提供的件,因此可以获得官方的技术支持和更新。 - 功能丰富:el-table提供了许多内置的功能,如排序、筛选、分页等,可以满足大部分常见的表格需求。 - 易于使用:el-table的API设计简单明了,易于上手和使用。 然而,el-table也有一些缺点: - 样式定制性较差:el-table的样式定制性相对较差,如果需要自定义表格的样式,可能需要覆盖一些默认的样式。 - 功能相对有限:el-table虽然提供了一些常见的功能,但在一些特殊需求下可能无法满足。 vxe-table是一个基于Vue的表格解决方案,具有以下优点: - 强大的功能:vxe-table提供了丰富的功能,如排序、筛选、分页、合并单元格、导出等,可以满足各种复杂的表格需求。 - 高度可定制:vxe-table提供了丰富的配置选项和插槽,可以灵活地定制表格的样式和行为。 - 社区活跃:vxe-table有一个活跃的社区,提供了大量的示例和文档,方便开发者学习和使用。 然而,vxe-table也有一些缺点: - 学习成本较高:vxe-table的API相对复杂,需要一定的学习成本。 - 不是官方支持:vxe-table不是官方提供的解决方案,可能无法获得官方的技术支持和更新。 综上所述,el-table适合简单的表格需求,易于使用;而vxe-table适合复杂的表格需求,具有强大的功能和高度可定制性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值