如何解决使用列标题将 javascript 对象传输到数据表
我有一个结构如下的对象,我想知道如何让它成为数据表的列标题,而值成为每列的行?例如,在成本列中,行将是 2500000、1500000 和 15000000,而在相应的标题列中,行将是 title0、title1 和 title2。
{cost:{0:2500000,1:1500000,2:1500000},title:{0:"title0",1:"title1",2:"title2"}}
解决方法
解决方案:
const data = {
cost: { 0: 2500000,1: 1500000,2: 1500000 },title: { 0: "title0",1: "title1",2: "title2" },};
$(document).ready(function () {
let table = $("#table_id").DataTable({
columns: [...Object.keys(data).map((i) => ({ title: i }))],"order": [[ 1,"asc" ]]
});
let preparedData = Object.entries(data)
.map(([key,value]) => Object.entries(value).map(([k,v]) => v))
.reduce((a,b) => {
return a.length ? a.map((v,i) => [...v,b[i]]) : b.map((v) => [v]);
},[]);
table.rows.add(preparedData).draw()
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.23/js/jquery.dataTables.js"></script>
<link href="https://cdn.datatables.net/1.10.23/css/jquery.dataTables.css" rel="stylesheet"/>
<table id="table_id" class="display" style="width:100%"></table>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。