Javascript 如何创建带有排序和自定义添加按钮的datatable？

我想创建一个带有搜索、排序功能和记录数选择下拉列表的数据表。我尝试了以下代码：

$('#example3').dataTable( {

    "aoColumnDefs": [
        { "bSortable": true, "aTargets": [ 0] }
    ],

    "oLanguage": {
        "sLengthMenu": "_MENU_ ",
        "sInfo": "Showing <b>_START_ to _END_</b> of _TOTAL_ entries"
    },

    "fnDrawCallback": function ( oSettings ) {
        if ( oSettings.bSorted || oSettings.bFiltered )
        {
            for ( var i=0, iLen=oSettings.aiDisplay.length ; i<iLen ; i++ )
            {
                $('td:eq(0)', oSettings.aoData[ oSettings.aiDisplay[i] ].nTr ).html( i+1 );
            }
        }
    },

    "iDisplayLength": 25
});

$（'#示例3'）。数据表（{
“aoColumnDefs”：[
{“bSortable”：true，“ataargets”：[0]}
],
“语言”：{
“长菜单”：“\u菜单”，
“sInfo”：“显示项目总数的开始到结束”
},
“fnDrawCallback”：函数（oSettings）{
if（oSettings.bSorted | | oSettings.bFiltered）
{
对于（var i=0，iLen=oSettings.aiDisplay.length；i，如本文所述

}）；
我已经找到了我正在寻找的解决方案。这是代码，这可能对其他人有所帮助

$('#example3').dataTable({
         "sDom": "<'row'<'col-md-6'l <'toolbar'>><'col-md-6'f>r>t<'row'<'col-md-12'p i>>",
        "oTableTools": {
            "aButtons": [
                    {
                        "sExtends":    "collection",
                        "sButtonText": "<i class='fa fa-cloud-download'></i>",
                        "aButtons":    [ "csv", "xls", "pdf", "copy"]
                    }
            ]
        },
        "aoColumnDefs": [
            { "bSortable": true, "aTargets": [ 0] }
        ],
        "aaSorting": true,
        "oLanguage": {
            "sLengthMenu": "_MENU_ ",
            "sInfo": "Showing <b>_START_ to _END_</b> of _TOTAL_ entries"
        },
        "aLengthMenu": [[25, 50, 100, 200], [25, 50, 100, 200]],
        "iDisplayLength": 25
});

$（'#示例3'）。数据表({
“sDom”：“t”，
“可旋转工具”：{
“阿布顿”：[
{
“性倾向”：“收藏”，
“sButtonText”：“，
“阿布顿”：[“csv”、“xls”、“pdf”、“副本”]
}
]
},
“aoColumnDefs”：[
{“bSortable”：true，“ataargets”：[0]}
],
“aaSorting”：没错，
“语言”：{
“长菜单”：“\u菜单”，
“sInfo”：“显示项目总数的开始到结束”
},
“阿伦提努”：[[25,50,100,200]，[25,50,100,200]，
“iDisplayLength”：25
});

在顶部区域的datatable中添加按钮链接

$("div.toolbar").html('<div class="table-tools-actions"><a href="add" class="btn btn-primary" style="margin-left:12px; background:#5aceff;" id="test2"><i class="fa fa-plus"></i> Add </a></div>');

$（“div.toolbar”）.html（“”）；
问题出在哪里？预期结果是什么？我无法获得像25,50100条记录这样的下拉列表。此外，我想在顶部添加一个新按钮，用于添加新的rawPlz使用“aLengthMenu”：[25,50,200,500]，若要获取记录下拉列表，我已将您在评论中提供的信息移动到问题中。始终使用该链接添加有关问题的信息。评论可能会被忽略。我还从标题中删除了库名称，因为它们不需要，因为存在标记。
$("div.toolbar").html('<div class="table-tools-actions"><a href="add" class="btn btn-primary" style="margin-left:12px; background:#5aceff;" id="test2"><i class="fa fa-plus"></i> Add </a></div>');