问题标签 [vue-tables-2]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1573 浏览

vue.js - vue-tables-2 彩色单元格背景

我正在尝试研究如何根据单元格中的文本(例如“绿色”)呈现具有特定背景颜色的单元格。

使用模板( https://github.com/matfish2/vue-tables-2#templates )似乎可以做到这一点,但我没有遵循如何在单页 vue 应用程序中使用 props.index 来呈现特定的单元格特定的颜色。

有任何想法吗?

0 投票
1 回答
2981 浏览

vue.js - Vue 表格 2 更改排序图标

我正在使用 vue 表 2,默认情况下它使用 glyphicons。我想使用材质图标,我尝试将 span 更改为 i 并通过 javascript 添加 innerText 但在编译项目后它会重置为带有 glypicon 的 span。我发现了这个:https ://github.com/matfish2/vue-tables-2#virtual-dom-functions 但我真的不明白我应该如何改变它。如果有任何其他方式或更好的例子让我知道

0 投票
1 回答
2247 浏览

javascript - Vue-tables-2 使用复选框选择多行,然后将行推送到新数组

使用 vue-tables-2 - 我用第一列复选框制作了一个原型,我的目标是:

  1. 选择多行
  2. 将此选择推送到新数组中
  3. 创建这个新的 tableData 数组的 PDF

我能够创建复选框列,但是如何获取选定的行并将它们推送到一个新数组中,我可以从中生成pdf?我有方法 selectRow 但正在努力收集所有选定的行并将它们推送到新数组中。

0 投票
1 回答
1340 浏览

javascript - Vue-tables-2 create .pdf (pdfmake) 'malformed table row' 错误

我接近能够下载.pdf数据表中多个选定(复选框)行的文件vue-tables-2

this.checkedRows在我的代码中,我正在推送table.body标题列和 this.checkedRows 内容 .... 一个复选框输入,'sku'它是一个字符串。这是我的代码:

问题在于 2 个标题列 'selected' 和 'sku' 和 1 列的行数据 {'sku#'} 不匹配,我得到'malformed table row error'一个'cell is undefined'错误。以下是错误:

在此处输入图像描述

在此处输入图像描述

在此处输入图像描述

我实际上不需要 中的复选框selected.pdf,但我不知道如何只包含所需的标题列sku,而忽略selected标题列。

0 投票
0 回答
588 浏览

laravel - 如何从 Vue-Tables-2、Vue Js 和 Laravel 做服务器端 PDF

我有一个Vue-tables-2数据表,我有createPDF()一个按钮上的方法 - 作为客户端 pdf 生成器使用pdfmake

经过审查,我的客户更喜欢使用server-sidepdf 生成器。我看到 pdfmake 具有客户端/服务器端,但我正在努力寻找可以遵循的示例。

我怎么能:

  • 使用实现服务器端 pdfpdfmake
  • 或者切换到更适合服务器端 pdf 生成的包

到目前为止,这是我的 vue-tables-2 组件中的客户端 pdf 代码:

0 投票
1 回答
261 浏览

vue.js - vue-tables-2 过滤从父组件传递的参数

是否可以在外部对 vue-tables-2 中的客户端表使用默认过滤?

我有一个包含多个 vue 表的父组件,并且希望能够将一个字符串从父组件传递给所有子组件,每个子组件都包含一个 vue 表的实例。

0 投票
2 回答
1866 浏览

vue.js - 如何删除vue表中的整列?

我在删除整个列及其在 vue-table 中的相应行时遇到问题。这是我的代码。

在这种情况下,当我v-if在内部使用时,<template>它只会删除列的相应行。

这是上面代码的结果

我的问题是,我想像这样删除列本身。

#问候,

0 投票
2 回答
3628 浏览

javascript - 如何使用 Laravel rest api 在 vue-tables-2 上添加分页?

我应该怎么做才能从 Laravel 端点对 Vue 服务器表启用分页?

我的组件:

控制器:

所有过滤器工作正常。当我使用LIMITor时TAKEPAGINATE它会返回 5 个项目,并且分页链接在组件中不起作用。我应该在我的控制器和组件中做什么以在页面上显示例如 5 个项目?

0 投票
0 回答
403 浏览

javascript - 如何在 Vuetable 中添加复选框

我使用“vue table 2”创建了一个表,但无法添加复选框。

我尝试“__checkbox”选项参考下面的链接 https://github.com/ratiw/vuetable-2-tutorial/wiki/lesson-11#__checkbox

谢谢。

0 投票
1 回答
216 浏览

vue.js - 在 vue-table-2 中添加一个外部过滤器

任何人都请帮助我在 vue-table-2 中添加外部过滤器的代码。我尝试使用插槽