Jquery 如何在列数据库引导中居中图像

通过Datables引导，我可以在列I中输入img

$('#despatchEntryDetails').dataTable({
        "responsive": true,
        "autoWidth": false,
        "columns": [
            { "title": "Numéro" },
            { "title": "Date création" },
            { "title": "Sujet" },
            { "title": "Etat" },
            { "title": " ",  
              "width": "32px", 
              "orderable": false, 
              "data": null,
              "className": "dt-body-center",
              "defaultContent": '<input name="submit" id="viewDetail" type="image" src="btn_vuedetail.gif" onclick="viewDetail();" />',
            }       
        ],
        data: dataSet
    });
  });

$（'#DispatchentryDetails'）。数据表({
“响应”：正确，
“自动宽度”：false，
“栏目”：[
{“title”：“Numéro”}，
{“标题”：“日期确认”}，
{“标题”：“Sujet”}，
{“标题”：“Etat”}，
{“标题”：“，
“宽度”：“32px”，
“可订购”：错误，
“数据”：空，
“类名称”：“dt主体中心”，
“defaultContent”：“”，
}       
],
数据：数据集
});
});

预计这将在最后一列中居中显示图像，但它似乎不起作用

参考：

---

有什么想法吗？

@Gyrocode.com谢谢你的帮助

我发现了为什么它在我的网站上不起作用。我忘了添加样式表：

jquery.dataTables.css

有了这个样式表，就可以了

<!-- DataTables -->
<link rel="stylesheet" href="plugins/datatables/dataTables.bootstrap.css">
<link rel="stylesheet" href="plugins/datatables/jquery.dataTables.min.css"> 

您的代码工作正常，请参阅