Javascript Datatable未捕获类型错误：无法读取属性'；mData'；未定义的

我正在使用datatable通过Javascript中的数组形成一个表：

<table class="table display" id='contest__table' style="width:100%">
</table>

var dataSet = [
        [ "player1", "1", "0", "upgrade level "],
        [ "player1", "2", "0", "upgrade level "],
        [ "player1", "3", "0", "upgrade level "],
        [ "player1", "4", "0", "upgrade level "],
        [ "player1", "5", "0", "upgrade level "],
        [ "player1", "6", "0", "upgrade level "],
        [ "player1", "7", "0", "upgrade level "],
        [ "player1", "8", "0", "upgrade level "],
        [ "player1", "9", "0", "upgrade level "],
        [ "player1", "10", "0", "upgrade level "]
    ];

    $(document).ready(function() {
        $('#contest__table').DataTable( {
               data: dataSet,
                    columns: [
                       { title: "Player" },
                       { title: "column1" },
                       { title: "column2" },
                       { title: "column3" }
                     ]
        } );
    } );

变量数据集=[
[“玩家1”、“1”、“0”、“升级级别”]，
[“玩家1”、“玩家2”、“玩家0”、“玩家升级级别”]，
[“玩家1”、“3”、“0”、“升级级别”]，
[“玩家1”、“4”、“0”、“升级级别”]，
[“玩家1”、“5”、“0”、“升级级别”]，
[“玩家1”、“6”、“0”、“升级级别”]，
[“玩家1”、“7”、“0”、“升级级别”]，
[“玩家1”、“8”、“0”、“升级级别”]，
[“玩家1”、“9”、“0”、“升级级别”]，
[“玩家1”、“10”、“0”、“升级级别”]
];
$（文档）.ready（函数（）{
$（'竞赛表'）。数据表（{
数据：数据集，
栏目：[
{标题：“玩家”}，
{标题：“第1列”}，
{标题：“第2栏”}，
{标题：“第3栏”}
]
} );
} );

奇怪的是，它在codepen中运行良好，但在我的网站中却不起作用

它总是返回“无法读取未定义的属性'mData'。即使我使用完全相同的代码和库。我的表没有任何与我的代码笔相同的表内标记

---

如果你有过这样的经历，请给我一些建议

您的站点中也有相同的数据集？@Nirali是的，从HTML到js和库，一切都是一样的。我真的不知道。@puccagaru已经有一个关于同样的问题了。请查看下面的链接@sridhar reddy谢谢