el-table常见问题汇总

1、表格排序问题

在列中设置sortable属性即可实现以该列为基准的排序，接受一个Boolean，默认为false。可以通过 Table 的default-sort属性设置默认的排序列和排序顺序。可以使用sort-method或者sort-by使用自定义的排序规则。如果需要后端排序，需将sortable设置为custom，同时在 Table 上监听sort-change事件，在事件回调中可以获取当前排序的字段名和排序顺序，从而向接口请求排序后的表格数据。在本例中，我们还使用了formatter属性，它用于格式化指定列的值，接受一个Function，会传入两个参数：row和column，可以根据自己的需求进行处理。

2、表格中图标和文字对齐

html：

<div class="close-btn">
    <div class="img-responsive">
        <img src="http://s1.mi.com/m/images/20151028/top-x.png">
    </div>
    <div class="close">关闭</div>
</div>

css：

          .close-btn {
            background: red;
            color: #fff;
            height: 45px;
            border-radius: 5px;
            text-align: center;
            display: table
        }

        .img-responsive,
        .close {
            display: table-cell;
            vertical-align: middle;
            margin-right: 5px;
        }

3、表格使用splice()删除当前行数据问题

（1）如果删除的不是当前行数据，可以检查表格数据是否设置了唯一的标识字段。
（2）删除一个后其他的没法指定删除，原因是操作的表格数组变化了，要操作的是上一次删除后的表格数据数组。