Datatable in custom html block

Frappe Framework Customization
1

Hi everyone,

I am trying to use frappe datatable inside a custom html block:

html code

<!DOCTYPE html>
<div class="datatable"></div>

javascript code

let elt = root_element.querySelector(".datatable");

   let datatable = new frappe.DataTable(elt, {
	columns: ['A', 'B', 'C'],
	data: [
		['1', '2', '3']
	]
});

That is what I get

image
image1035×260 3.54 KB

Would have someone any idea ?