javascript - DataTables:在按钮中的文本旁边添加图标

Question

我想在我的 DataTable 按钮中文本的左侧添加一个图标，但目前还没有显示。这是我用于添加按钮的 Javascript:

var buttons;

$.fn.dataTable.ext.buttons.add = {
            className: 'button-add',
            text: '<i class="dt-button button-add"></i> Add Branch',
            action: function (dt) {
                onBtnAddClicked()
            }
        };

在 CSS 中:

.fn.dataTable.ext.buttons.add.button-add span{
    background: url(../img/icn_add.png) no-repeat center left;
}

我检查过 here , here , 和 here .感谢您的指导。

Answer 1

嗯，这很简单。看起来我所要做的就是将 img 标签直接放入文本字​​符串中，我不知道这是可能的。

$.fn.dataTable.ext.buttons.add = {
            //className: 'button-add',
            text: '<img src="../img/icn_add.png" style="padding-bottom: 2.25px; padding-right: 6px"> Add Branch',
            action: function (dt) {
                onBtnAddClicked()
            }
        };