为了账号安全,请及时绑定邮箱和手机立即绑定

VUE element el-table 怎么按后台数据排列列的顺序

VUE element el-table 怎么按后台数据排列列的顺序

一只名叫tom的猫 2019-03-12 13:15:04
1.表格列要求可以根据从后台请求到的数据指定显示的列、列宽、顺序2.<div class="table-div-warp">  <el-table ref="multipleTable" :data="tableData" stripe size="mini" resizable border            style="width: 100%" :height="tableHeight">    <el-table-column :label="'Quote_001' | localesFilter " prop="partnerCompanyName"                     show-overflow-tooltip></el-table-column>    <el-table-column :label="'Quote_002' | localesFilter " prop="transType" show-overflow-tooltip></el-table-column>    <el-table-column :label="'Quote_003' | localesFilter " prop="destName" show-overflow-tooltip></el-table-column>    <el-table-column :label="'Quote_004' | localesFilter " prop="goodsTypeName" show-overflow-tooltip></el-table-column>    <el-table-column :label="'Quote_005' | localesFilter " prop="packingType"                     show-overflow-tooltip></el-table-column>    <el-table-column :label="'Quote_006' | localesFilter " prop="weight" show-overflow-tooltip></el-table-column>    <el-table-column :label="'Quote_007' | localesFilter " prop="vol" show-overflow-tooltip></el-table-column>    <el-table-column :label="'Quote_008' | localesFilter " prop="unitPrice" show-overflow-tooltip></el-table-column>    <el-table-column :label="'Quote_009' | localesFilter " prop="carriage" show-overflow-tooltip></el-table-column>    <el-table-column :label="'Quote_010' | localesFilter " prop="totalPrice"                     show-overflow-tooltip></el-table-column>    <el-table-column :label="'Quote_011' | localesFilter " prop="designFormulas"                     show-overflow-tooltip></el-table-column>    <el-table-column :label="'Quote_012' | localesFilter " prop="timeLimit" show-overflow-tooltip></el-table-column>    <el-table-column :label="'ORDERS_46' | localesFilter " prop="designFormulas" align="center">      <template slot-scope="scope">3.这些表头都是先定义好,可以通过判断来是否显示,但是做不到动态显示指定列啊4.
查看完整描述

2 回答

?
幕布斯7119047

TA贡献1794条经验 获得超8个赞

<el-table-column v-for="item in data" :width='item.width' ></el-table-column>你可以通过data控制列、列宽、顺序


查看完整回答
反对 回复 2019-04-04
?
至尊宝的传说

TA贡献1789条经验 获得超10个赞

我先试试。大佬


查看完整回答
反对 回复 2019-04-04
  • 2 回答
  • 0 关注
  • 7146 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信