DataTables在单元格内添加2个按钮

Question

我在使用Datatables时非常陌生，我尝试在每个单元格上添加一个带有两个按钮的新列：一个带有文本的红色列＆＃39; No＆＃39;在它上面，任何时候出现，点击做一些事情和一个绿色的＆＃39; OK＆＃39;仅当ColB减去ColA + +- 10时出现的文本和单击时执行其他操作的文本。 我的数据表看起来像：

table = $("#datatable-buttons").DataTable({
            data: document.pvm.tableContent(),
            columns: [
            { data: "DateTime", title: "Date\Time" },
            { data: "ColA", title: "ColA" },
            { data: "ColB", title: "ColB" },
            { data: "", title: "Buttons" }
            ],
            fixedHeader: true,
            "bAutoWidth": false,
            "lengthMenu": [[10, 20, 100, 200], [10, 20, 100, 50]],
            "iDisplayLength": 20,
            fixedHeader: true,
            dom: "lfrtiBp",
            "bAutoWidth": false,
            buttons: [
              {
                  extend: "copy",
                  className: "btn-sm"
              },
              {
                  extend: "csv",
                  className: "btn-sm"
              },
              {
                  extend: "excel",
                  className: "btn-sm"
              },
              {
                  extend: "pdf",
                  className: "btn-sm"
              },
              {
                  extend: "print",
                  className: "btn-sm"
              },
            ],
            "order": [[0, "desc"]],
            "columnDefs": [ {
                "targets": -1,
                "data": null,
                "defaultContent": "<button color='red'>Click!</button>"
             } ]
            }
        });

我首先尝试添加红色按钮，但它不起作用:(有没有办法添加这两个按钮？

更新： document.pvm.tableContent（）看起来像： 2018-02-15 03:24 10 5 2018-02-14 03:27 7 17 在这种情况下，第一列只有红色按钮，第二列只有两个按钮