Javascript 如何使用dataTable jquery将按钮一次绘制到表中

因此，我尝试在表中每行添加两个按钮。 我可以通过执行下面的代码来实现这一点，但每次我转到下一页并返回时，按钮都会不断生成。每次我在页面之间切换时，它都会向表中添加一个按钮。我不明白为什么会这样。谁能帮帮我吗。先谢谢你

$'displayTable'。在'draw.dt'上，函数{

    $('.dataTable > thead > tr').append('<th style="width: 163px"></th>');
    //adding button to table.
    $('.dataTable > tbody > tr').append('<td><a href="#" class="btn btn-primary topic-btn" data-toggle="modal" data-target="#add_to_topic">Add to Topic</a></td>');

---

})

您可以使用DataTables的TableTools扩展将自定义按钮添加到表格标题

在覆盖选项中：

"aButtons": [
            {
                "sExtends": "text",
                "sButtonText": " ",
                "fnInit": function ( nButton, oConfig ) {
                    $(nButton).attr("title", "Delete selected items");
                    $(nButton).removeClass("DTTT_button").addClass("btn btn-small");
                    $(nButton).append('<i class="icon-trash"></i> <i class="icon-white icon-exclamation-sign"></i>');
                },
                "fnClick": function( nButton, oConfig, oFlash ) {
                    if (!$(nButton).attr('disabled')) {
                        // code to run on click
                        deleteSelectedItems();
                    }
                }
            }
   ]

---

对于未来任何想寻找答案的人来说，这就是我所做的

<script type="text/javascript">
    $('#displayTable').on('preInit.dt', function () {
        //adding column to table.
        $('.dataTable > thead > tr').append('<th>header</th>');
    });
    $('#displayTable').on('draw.dt', function () {
        //adding button to column.
        $('.dataTable > tbody > tr').append('<td><a href="#" class="btn btn-primary topic-btn" data-toggle="modal" data-target="#add_to_topic">Add to Topic</a></td>');
    });
</script>

---

谢谢你的回复，我将尝试一下，然后与你联系。嘿，库尔萨，所以尝试了你的建议，但我无法让它工作，但我能够让它工作，通过做这个$'displayTable'。在'draw.dt'上，函数{if$'.topic_add'.length==0{$'.dataTable>thead>tr'.append；}$'.dataTable>tbody>tr'.not'：has.topic_add'.append；}；