问题标签 [vue-tables-2]

这是我在项目中使用的类似表格示例。

我的项目是一个多语言网站，所以我希望将 vue-table 也翻译成用户当前使用的语言。我要翻译的只是表格元素，而不是表格中的实际数据。例如，在示例中，字符串“记录”应翻译为用户语言。还应翻译分页下的文本“显示 50 条记录中的 1 到 10 条”。

.

示例代码：

和 HTML：

如果有人知道我应该如何做到这一点，我将不胜感激。

I would like to change the default select dropdown style in vue-tables2 table. The problem is I'm not able to figure out how I can change the whole template of the dropdown to my custom template. I know how I can add css classes to the default dropdown but my custom dropdown requires to change the entire template.

My custom template is something like this and this should be placed on the 'records limit' dropdown on the table:

This is something like dropdown should look like:

我正在为我的 Vue.js 应用程序使用vue-tables-2，我想知道是否有可能设置（以编程方式）在呈现表后应用的默认（初始）过滤器？

我想避免在该下拉列表中找到该 DOM 元素并触发 click 元素来设置这些过滤器。

有什么方法可以使用 vue 获取表格的列号或位置以及行标题吗？

到目前为止的输出是这样的。

生成表格的代码：

在这一行上<td v-for="(item,index) in costList" :key="index.id">{{item.total_work}}</td>，我必须先检查行标题名称是否与我item.name的 in匹配，costList然后再显示该值。我在这里找到了一些接近我想要的输出，但我不知道如何使用 vue 重现它。任何输入表示赞赏。

大家好，我在使用 vue 表 2 时遇到问题。我向我的应用程序传递了一个 Vue 组件，其中包含以下内容：

返回“ http://anotherdomain.com/api/endpoint ”

但是，当我为 Vue Tables 2 执行以下操作时，我在此配置中收到以下错误：“属性内的插值已被删除。请改用 v-bind 或冒号简写。”

有没有更好的方法来实现我所需要的？我正在使用 Laravel，因此只能从刀片模板访问该 url 变量

我正在使用 Vue-table2 来渲染表格。https://github.com/ratiw/vuetable-2

我的服务器 Api 响应中没有任何分页响应。服务器返回的数据是

这是我第一次使用 Vue-js。如何将分页添加到其中并仍然使用 vue-table2。提前致谢。

首先，我单击第 5 页，然后单击其中一项的编辑。其次，我单击更新并单击返回具有 vuetable 的上一页。然后 vuetable 分页返回到第 1 页。

有什么解决方案可以防止页码回到 1 吗？

我试过“查询参数”，但似乎没有用。

SalesOrderAdmin.vue

Myvuetable.vue

我正在为我的桌子使用 vuetable-2。在一列中，我需要多选，所以我使用 Vue-multiselect。问题是，Vue-multiselect 使用 v-model="value" 所以当我在一行中选择某些内容时，所有其他行都会使用相同的选择进行更新。

如果这是用于渲染表格的 forach 循环，我会使用 v-model="value[row.id]"，但在 vuetable-2 中我不知道如何访问我的表格行的 ID。我试过：v-model="value[id]"、v-model="value[data.id]"、v-model="value[rowData.id]"，但似乎没有任何效果（是的，在我的数据，每个条目都有自己的 ID）。

我的桌子和多选选项的图片

我正在使用插槽来显示 Vue Tables 2 中的按钮。如何将仓库的 id 即 123 或 456 传递给 edit() 事件处理程序？

我尝试添加道具（因为这是文档显示的内容）。但我没有任何运气。我在一个组件中使用 Vue Tables 2。

嘿，我需要一些帮助才能在同一页面上使用两个数据表。我需要发生的是，当表 1 (T1) 有一行 (R1) 展开时，当用户在表 2 (T2) 上展开一行 (R2) 时，我需要 R1 折叠。这是一个设置了 2 个数据表的代码笔，这些数据表可以通过我的解决方案进行扩展：https : //codepen.io/BrandiW/pen/WgLPej?editors=1010 正如您在此代码笔中看到的那样，我正在使用一个名为 Expanded to current将 v-card 隐藏在需要关闭的扩展行中，但问题是它实际上并没有关闭这一行。因此，如果您想重新打开这一行，您必须双击它（一次关闭它，另一次重新打开它）。

示例问题：

• 作品：点击 T1 - R1 然后 T2 - R2 然后 T1 - R3
• 不起作用：单击 T1 - R1 然后 T2 - R2 然后 T1 - R1 或 T1 - R2

代码（html然后java脚本）：