Jquery 是否可以将原始HTML节点作为输入数据传递给数据表?

Jquery 是否可以将原始HTML节点作为输入数据传递给数据表?,jquery,html,datatables,jquery-datatables,Jquery,Html,Datatables,Jquery Datatables,我使用的是页面上的一个简单表格。其中一列包含select输入。初始化Datatables对象时,我可以给它一个数据数组来填充表,如下所示: $('#myTable').DataTable({data: arrayOfData}); 目前,我给它一个字符串来创建select输入,我假设Datatables解析这些输入,然后将其放入单元格中。但是,我知道自己用document.createElement创建DOM节点要比让jQuery解析一些HTML字符串快得多。当我尝试给Datatables一个

我使用的是页面上的一个简单表格。其中一列包含select输入。初始化Datatables对象时,我可以给它一个数据数组来填充表,如下所示:

$('#myTable').DataTable({data: arrayOfData});
目前,我给它一个字符串来创建select输入,我假设Datatables解析这些输入,然后将其放入单元格中。但是,我知道自己用document.createElement创建DOM节点要比让jQuery解析一些HTML字符串快得多。当我尝试给Datatables一个DOM节点时,我看到的只是表中的一个字符串,如下所示:

[object HTMLSelectElement]
可以给Datatables一个原始DOM节点吗

编辑:

我的描述似乎遗漏了什么。这是我的匿名代码。tableData只是模型数据数组的一个数组,其HTML类似于我在下面展示的条目

var tableData = [['<div class="td_inner_wrapper"><img src="img/drapeaux/fr.svg"></div>', ...], ...]

var myTableDT = $('#myTable').DataTable({
  paging: false,
  data: tableData,
  order: [[1, 'desc'],],
  scrollY: 300,
  scrollCollapse: true,
  searching: false,
  deferRender: true,
  columns: [
    { "title": 'Base', "width": "2.2rem", "className": "dt-center"},
    { "title": 'Date Corresp', "width": "5.8rem", "className": "dt-center"},
    { "title": 'Montant Don', "width": "5.6rem", "type": "num-fmt", "className": "dt-center"},
    { "title": 'Forme Don', "width": "5.7rem", "sortable": false, "className": "dt-center"},
    { "title": 'Type Don', "sortable": false, "className": "dt-center" },
    { "title": 'Réponse', "sortable": false, "className": "dt-center" },
    { "title": 'Date Réponse', "width": "6.3rem", "className": "dt-center"},
    { "title": 'Reçu', "className": "dt-center" },
    { "title": 'Archive', "width": "5rem", "className": "dt-center" },
    { "title": 'Notes', "width": '2.5rem', "className": "dt-center" },
    { "title": 'Date', "className": "dt-center fsize-0p8" }
  ],
  //dom: "frtiS", enable for paging if necessary
  initComplete: function(){
    console.log('init.dt');
  }
});
编辑2:


看起来这与我提供给Datatables的内容有关。如果我给它100行空字符串,生成表只需要大约200毫秒

尝试传入原始HTML节点的最终目标是什么。你有没有一个你想要实现的例子?@EstebanFelix我正在尝试加快Datatables的呈现速度。现在,我的表只有10行,需要250毫秒!如果我用空字符串替换所选内容的HTML,这会减少50 millliseconds,因此我想知道HTML呈现是否会减慢速度。要证明直接生成文档节点的速度快得多,请参阅:是的,确实如此!我只是想弄清楚你想加速哪个功能。您是说列标题可以是select元素,并且您正在尝试加快该元素的呈现速度吗?或者您正在尝试从select中获取数据并将其放入Datatables中?当您在DOM表上添加行或初始化时,Datatables已在内部使用document.createElement。没有添加原始HTML块或片段的选项。如果您想加快数据表的速度,请查看deferRender、autoWidth、避免回调等。