如何在 Datatables BootStrap 列中居中图像答案

【问题标题】：How to center image in column Datables BootStrap如何在 Datatables BootStrap 列中居中图像
【发布时间】：2016-03-11 18:20:11
【问题描述】：

使用 Datables BootStrap，在我这样做的列中集中 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
    });
  });

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

参考：DataTables Cell classes options

有什么想法吗？

【问题讨论】：

您的代码运行良好，请参阅jsfiddle.net/bk7jr1mh/1

标签： jquery html css twitter-bootstrap datatables

【解决方案1】：

@Gyrocode.com 感谢您的帮助。

我找到了为什么它在我的网站上不起作用。我忘了添加样式表：jquery.dataTables.css

有了这个样式表就OK了

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

【讨论】：