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)删除一个后其他的没法指定删除,原因是操作的表格数组变化了,要操作的是上一次删除后的表格数据数组。