Datatables Cannot read properties of undefined (reading 'mData') 에러

DataTables를 table에 적용하려고 하는데 이 에러가 나오면서  스트립트 문제인줄

알고 한참을 해맸는데 html table 구조에 thead 태그나 tbody 태그가 없으면 나타나는 에러입니다

 

예를 들어 아래같이 thead tbody를 빼고 작성하면 안되고

<table id="data-table">
    <tr>
        <th>컬럼1</th>
        <th>컬럼2</th>
    </tr>
    <tr>
        <td>내용1</td>
        <td>내용2</td>
    </tr>
</table>

 

이렇게 thead 와 tbody 가 존재해야 에러가 나지 않습니다

<table id="data-table">
	<thead>
    <tr>
        <th>컬럼1</th>
        <th>컬럼2</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>내용1</td>
        <td>내용2</td>
    </tr>
    </tbody>
</table>

 

또는 아래처럼 thead 의 th 태그는 2개인데 tbody부분의 td 는 3개죠

이렇게 열이 일치하지 않을경우에도 에러 납니다

<table id="data-table">
	<thead>
    <tr>
        <th>컬럼1</th>
        <th>컬럼2</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>내용1</td>
        <td>내용2</td>
        <td>내용3</td>
    </tr>
    </tbody>
</table>