vant组件做表格_vue实用组件——表格

之前用了一下vue-bootstrap，感觉里面的表格组件特别好用，但是如果仅仅为了使用表格就引入bootstrap，似乎有点不划算。所以自己就试着实现了一下bootstrap里面表格的部分功能，目前只是实现了表格内容的排版和列排序功能。后面再慢慢实现更多的功能吧，比如详情框等等。

另外说一点点个人对bootstrap的使用感受吧，它的便捷是有目共睹的，能快速搭建好项目UI，排版也很优雅好看，但是不太适用于已定好UI设计稿的项目，因为它的布局是很灵活的，在排版上，尺寸大致能遵循设计稿，但是不能较真，如果非要和设计稿保持一致，排版尺寸还原精确到1个像素的话，bootstrap的便捷性就要大打折扣了，因为会有大量的样式需要覆盖。

效果如下：

父组件需传递的数据格式如下：

      

代码如下：

• :class="{'up': sortField === key && sortrole > 0,'down': sortField === key && sortrole < 0}"

  v-if="it.sort"

  class='sort'