Unable to get columnControl working
Unable to get columnControl working
murday1983
Posts: 34Questions: 14Answers: 0
I have my table set up and working correctly using the code below, but whenever I add
columnControl: ['order', ['searchList']]
I get the following error
Cannot read properties of null (reading 'appendChild')
Code
let mainConfig = {
ordering: true,
order: [[0, 'asc'], [1, 'asc']],
info: true,
responsive: true,
pagingType: "simple_numbers",
pageLength: 25,
draw: 1,
autoWidth: true,
dom: "<'row'<'#col2.col-xs-12 col-md-6 text-right'fB><'#col1.col-xs-12 col-md-6 text-muted'i>>rt<'bottom'lp><'clear'>",
buttons: [
{
extend: 'csv',
title: 'CSV File - ' + moment(new Date()).format('YYYY.MM.DD')
}
],
data: data,
columnControl: ['order', ['searchList']],
columns: [
{ data: 'one', className: "text-capitalize", title: 'one' },
{ data: 'two', className: "text-capitalize", title: 'two' },
{ data: 'three', title: 'three' }
]
}
$('#my-datatable').dataTable(mainConfig).api();
If I take out the columnControl the table loads fine
I have the CSV button extension working fine. Note i am loading all CSS and JS files in the correct order
Answers
Your code works in this test case:
https://live.datatables.net/dosimiya/1/edit
Looks like the error on line 2647 is where ColumnControl is populating the header (assuming you are using version 1.1.1):
Do you have a header configured in you HTML
table?Can you provide a link to your page or test case that replicates the issue? Update mine if you wish. Maybe upde it with your HTML
tableconfiguration.https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case
Kevin
Seems to work just fine for me: https://live.datatables.net/rudozedo/1/edit .
Please link to a test case showing the issue so I can help to debug the problem.
Allan