javascript - 如何操作数据表中的数据
问题描述
我正在使用带有 Vue.js 的 Datatables 以表格的形式呈现内容。这是我的代码:
computed: {
job_table: function () {
return {
title: this.$t('commons.users'),
headers:[
{
text: "Post",
value : "title",
align: "left",
filter: 'capitalize',
search : 'title'
},
{
text: "New Application",
value : "applications",
align: "left",
filter: 'capitalize',
search : 'applications'
},
{
text: "Status",
value : "status",
align: "left",
filter: 'capitalize',
search : 'status'
},
{
text: "Posted On",
value : "created_at",
align: "left",
filter: 'capitalize',
search : ''
},
{
text: "Actions",
align: "left",
value : "role",
filter: 'roleFilter',
search : false
}
],
desc: 'created_at',
resource: 'job',
w:'company',
actions: {
add: "AddEmployee",
edit: "EditEmployee"
},
params:{
company_id: true
}
}
},
}
我想更改“创建于”的格式并计算“应用程序”,这是一个数组。我可以对他们进行回调吗?
{
text: "New Application",
value : "applications",
align: "left",
filter: 'capitalize',
search : 'applications'
},
{
text: "Posted On",
value : "created_at",
align: "left",
filter: 'capitalize',
search : ''
},
我是 JavaScript 新手,任何帮助都会非常重要。提前致谢。
解决方案
我不知道你想使用哪个数据表(Bootstrap、Vuetify 等),但对于应用程序,你可以试试这个:
{
text: "New Application",
value : "applications.length",
align: "left",
filter: 'capitalize',
search : 'applications'
},
所以该值将是应用程序数组的长度。
格式化created_at
你应该注意的是有一种方法可以使用数据表的插槽,通常库使用插槽和模板来注入自定义格式。例如 Vuetify:https ://dev.vuetifyjs.com/en/components/data-tables/#slots
推荐阅读
- ag-grid - 从 ag-grid-enterprise 导入网格时出错
- javascript - 如何在 React/JavaScript 中将键值对迭代到 FormData Append
- kubernetes - Kubernetes中容器端口和目标端口的区别?
- java - forEach 中 JSONArray 上的迭代器?
- list - 从字典中的列表中删除元素
- json - 从 JSON 创建节点和关系(动态)
- xamarin - 当应用程序进入后台或绘制通知面板时,Xamarin iOS api 调用突然失败
- flutter - 如何使 HTML() 小部件中的 html 可选
- python - 在/没有这样的表处出现操作错误:即使在创建表后也有 tasks_task
- node.js - useEffect 挂钩中的函数未运行