如何在Vuejs2和bootstrap 3+ laravel中使用排序搜索组件创建列表

Question

我是vuejs的新手，所以任何人都可以解释如何创建一个列表(例如用户，我的订单喜欢网格)组件。

我已经找到了一个最佳解决方案，但这在bootstrap-3中不兼容，但我现有的项目在bootstrap-3下

我希望在bootstrap3中使用类似的代码：https://bootstrap-vue.js.org/docs/components/table#complete-example

是否有任何bootstap-vue版本在bootstap3中兼容如果没有，那么你可以给出一个替代的解决方案。

提前感谢。

Answer 1

你可以使用https://ratiw.github.io/vuetable-2这个组件是高度可修改的，你可以在他的道具中通过类传递对象，以使表格与每个css框架一起工作：

模板：

<vuetable ref="movementsTable"
           :css="table"
           api-url="api/movements/resource"
           :fields="fields"
           pagination-path=""
           ></vuetable>

状态：

data() {
  return {
    table: {
      tableClass: 'table table-hover',
      loadingClass: 'loading',
      ascendingIcon: 'fa fa-chevron-up',
      descendingIcon: 'fa fa-chevron-down',
      handleIcon: 'fa fa-caret-left',
    },
  },
},

检查这个示例！https://github.com/ratiw/vuetable-2-with-laravel-5.4