xxxxxxxxxx
1
<div class="row">
2
<div id="bestillingerTableDiv" data-mdb-clickable-rows="true"></div>
3
</div>
4
1
1
xxxxxxxxxx
1
const mdbDatatablesFormatDate = (cell, value) => {
2
let date = new Date(value);
3
let formatedDate = "";
4
if(date!=="Invalid Date" && !isNaN(date)){
5
formatedDate = date.toLocaleDateString("no-NO", { day: "2-digit", month: "2-digit", year: "numeric" });
6
}
7
cell.innerHTML = formatedDate;
8
}
9
const columns = [
10
{label: "Number", field: "NUMBER"},
11
{label: "Date 1", field: "DATE1", format: mdbDatatablesFormatDate},
12
{label: "Date 2", field: "DATE2"},
13
{label: "Text", field: "TEXT"},
14
];
15
const rows = [
16
{"NUMBER": "35728", "DATE1": "2024-08-05", "DATE2": "", "TEXT": "Ref 35728"},
17
{"NUMBER": "35437", "DATE1": "2024-04-16", "DATE2": "2024-08-19", "TEXT": "Ref 35437"},
18
{"NUMBER": "35731", "DATE1": "2024-08-05", "DATE2": "", "TEXT": "Ref 35731"},
19
]
20
const datatable = new mdb.Datatable(
21
document.getElementById("bestillingerTableDiv"),
22
{
23
columns: columns,
24
rows: rows,
25
},
26
{
27
hover: true,
28
pagination: false,
29
maxWidth: '100%',
30
//sortField: 'BESTNR',
31
}
32
);
33
Console errors: 0