Overlapping Nested Headers

Getting help Questions
1

Hello everyone. I’m trying to create a table looks like this:

The table is actually working but, the console tell me this message handsontable.full.min.js:41 Your Nested Headers plugin setup contains overlapping headers. This kind of configuration is currently not supported and might result in glitches.

This is the code that produce the table:

var jumlahSoal = $('#jumlah_soal').val();
        var jumlahSiswa = $('#jumlah_siswa').val();
        var nomor_soal = [];
        for (var i = 1; i <= jumlahSoal; i++){
            nomor_soal.push(i);
        }
        nomor_soal.unshift("Nama");

        var colHeaders = [
            ['',{label: 'Nomor Soal', colspan: jumlahSoal}],
            nomor_soal
        ];

        var data = [[]];
        var tabel_input_jawaban = document.getElementById('inputjawaban');
        var tabel_input_jawaban_h = new Handsontable(tabel_input_jawaban, {
            data: data,
            minRows: jumlahSiswa,
            minCols: ++jumlahSoal,
            colHeaders: true,
            nestedHeaders: colHeaders,
            contextMenu: false
        });

Which code I could improve to remove the message? Or, is it okay to just ignore the message?

Thank you

2

Hi @baguzzzaji
Can you attach the image once again? Unfortunately I can’t see it.

3

Hi @baguzzzaji
Have you made any progress in this matter?

4

Issue closed due to a lack of a needed demo.