Javascript checkbox.classList.add("flat","pull-left");未在 DataTable 中显示 css 装饰

如何解决Javascript checkbox.classList.add("flat","pull-left");未在 DataTable 中显示 css 装饰

我正在使用 DataTable 并在列内动态创建 HTML 元素 我尝试将 CSS 类添加到复选框中。

 var ttbody = document.getElementById("ttbody");
        var tr = document.createElement('tr');
        for(var i=0;i<10;i++) {
            var td = document.createElement('td');
            if(i==0) {
                 var newCheckBox = document.createElement("input");
                     newCheckBox.type = "checkBox";
                     newCheckBox.id = "chk_"+i++;
                     newCheckBox.classList.add("flat","pull-left");
                      
                    
                 td.appendChild(newCheckBox);
            }
            else {
                td.appendChild(document.createTextNode('Test'));
            }

            tr.appendChild(td)
        }
        ttbody.appendChild(tr);  

使用引导程序 3 css
但是“平面”没有生效，我看到的只是一个简单的复选框。
在同一页面中，我有一个带有“平面”CSS 的硬编码复选框，它呈现得很好

我正在使用 iCheck 组件，也许这就是原因......