Sorting datatable not working when setting rowspan - datatable

Question

I am using jquery datatable.
Sorting in datatable is not working.
The problem here is:
initially if 2 columns with the same rowspan attribute are adjacent to each other it works fine, but if I split one column at the beginning 1 column at the end of the table it doesn't work anymore.
I am getting:
Uncaught TypeError: Cannot read properties of undefined (reading
'unique')
Please help me.Thanks!
like this it will work:
table working
it won't work:table notworking
here is my code
$(document).ready(function() {
dataTable();
});
function dataTable() {
var oTable = $("#tb__qsc").DataTable({
scrollX: false,
paging: false,
processing: false,
serverSide: false,
searching: false,
deferRender: true,
stateSave: false,
orderCellsTop: true,
language: {
url: datatableLanguge,
},
columnDefs: [{
searchable: false,
orderable: false,
targets: [],
}, ],
order: [],
// fixedHeader: {
// header: true,
// headerOffset: 1,
// },
pagingType: 'simple_numbers',
// bLengthChange: false,
paging: false
});
}
<table id="tb__qsc" class="display table__form tb__form--color2 w-full border-collapse border">
<thead class="text-white border-gray-300">
<tr>
<th rowspan="4"
class="text-center py-3 px-4 bg-white text-black font-semibold text-sm w-52 relative whitespace-nowrap">
店舗</th>
<th colspan="3"
class="text-center py-3 px-4 bg__color--red200 font-semibold text-sm whitespace-nowrap">
実績
</th>
<th colspan="8" class="text-center py-2 px-1 font-semibold text-sm whitespace-nowrap">
QSC項目</th>
<th rowspan="4"
class="text-center py-3 px-4 bg-white text-black font-semibold text-sm w-52 relative whitespace-nowrap">
実施日</th>
</tr>
<tr class="bg__color--red100 text-black">
<th rowspan="3"
class="text-center py-2 px-1 font-semibold text-sm relative whitespace-nowrap">得点合計
</th>
<th rowspan="3"
class="text-center py-2 px-1 font-semibold text-sm relative whitespace-nowrap">達成率
</th>
<th rowspan="3"
class="text-center py-2 px-1 font-semibold text-sm relative whitespace-nowrap">ランク
</th>
</tr>
<tr>
<th colspan="2" class="text-center py-2 px-1 font-normal text-sm whitespace-nowrap">店舗環境
</th>
<th colspan="2" class="text-center py-2 px-1 font-normal text-sm whitespace-nowrap">基本事項
</th>
<th colspan="2" class="text-center py-2 px-1 font-normal text-sm whitespace-nowrap">サービス
</th>
<th colspan="2" class="text-center py-2 px-1 font-normal text-sm whitespace-nowrap">厨房衛生
</th>
</tr>
<tr class="bg__color--gray800 text-black">
<th
class="text-center py-2 px-1 font-semibold text-sm min-w-max relative whitespace-nowrap">
得点</th>
<th
class="text-center py-2 px-1 font-semibold text-sm min-w-max relative whitespace-nowrap">
達成率</th>
<th
class="text-center py-2 px-1 font-semibold text-sm min-w-max relative whitespace-nowrap">
得点</th>
<th
class="text-center py-2 px-1 font-semibold text-sm min-w-max relative whitespace-nowrap">
達成率</th>
<th
class="text-center py-2 px-1 font-semibold text-sm min-w-max relative whitespace-nowrap">
得点</th>
<th
class="text-center py-2 px-1 font-semibold text-sm min-w-max relative whitespace-nowrap">
達成率</th>
<th
class="text-center py-2 px-1 font-semibold text-sm min-w-max relative whitespace-nowrap">
得点</th>
<th
class="text-center py-2 px-1 font-semibold text-sm min-w-max relative whitespace-nowrap">
達成率</th>
</tr>
</thead>
<tbody class="text-gray-700 text-center">
<tr>
<td class="text-center py-3 px-4">A店</td>
<td class="text-center py-3 px-4">60</td>
<td class="text-center py-3 px-4">58%</td>
<td class="text-center py-3 px-4">B</td>
<td class="text-center py-3 px-4">15</td>
<td class="text-center py-3 px-4">60%</td>
<td class="text-center py-3 px-4">15</td>
<td class="text-center py-3 px-4">55%</td>
<td class="text-center py-3 px-4">15</td>
<td class="text-center py-3 px-4">62%</td>
<td class="text-center py-3 px-4">15</td>
<td class="text-center py-3 px-4">53%</td>
<td class="text-center py-3 px-4">2021.01.14</td>
</tr>
</tbody>
</table>