Button 如何处理工具栏数据表中的自定义按钮（添加）

我正在尝试在datatable工具栏的左侧添加一个对齐按钮。 在右侧，我有5个按钮用于导出。 我是Datatables的新手，我不擅长javascript，所以如果有人能帮我，我会很感激

$(document).ready(function () {
    var table = $('#TableId').DataTable(
{
    columnDefs: [
        { "width": "5%", "targets": [0] },
        { "className": "text-left custom-middle-align", "targets": [0, 1, 2, 3, 4, 5, 6, 7] }
    ],
    dom: '<"html5buttons"B>lTfgitp',
    buttons: [

        {extend: 'copy'},
        {extend: 'csv'},
        {extend: 'excel', title: 'ExampleFile'},
        {extend: 'pdf', title: 'ExampleFile'},

        {extend: 'print',
            customize: function (win){
                $(win.document.body).addClass('white-bg');
                $(win.document.body).css('font-size', '10px');
                $(win.document.body).find('table')
                        .addClass('compact')
                        .css('font-size', 'inherit');
            }
        }
    ],
    processing: true,
    serverSide: true,
    ajax:
        {
            url: "/Plugin/GetData",
            type: "POST",
            dataType: "JSON"

        },
    rowId: "Sr",
    columns: [
                {
                "className": 'details-control sorting_disabled',
                "orderable": false,
                "data": null,
                "defaultContent": ''
                },
                { "data": "Sr" },
                { "data": "OrderTrackNumber" },
                { "data": "Quantity" },
                { "data": "ProductName" },
                { "data": "SpecialOffer" },
                { "data": "UnitPrice" },
                { "data": "UnitPriceDiscount" }
    ],
    order: [[1, "asc"]]
});

$（文档）.ready（函数（）{
var table=$（'#TableId'）.DataTable(
{
columnDefs：[
{“宽度”：“5%”，“目标”：[0]}，
{“className”：“文本左自定义中间对齐”，“目标”：[0,1,2,3,4,5,6,7]}
],
dom:“lTfgitp”，
按钮：[
{extend:'copy'}，
{extend:'csv'}，
{扩展：“excel”，标题：“ExampleFile”}，
{extend:'pdf'，title:'ExampleFile'}，
{扩展：'打印'，
自定义：功能（win）{
$（win.document.body）.addClass（'white-bg'）；
$（win.document.body）.css（'font-size'，'10px'）；
$（win.document.body）.find（'表'）
.addClass（'compact'）
.css（'font-size'，'inherit'）；
}
}
],
处理：对，
服务器端：是的，
阿贾克斯：
{
url:“/Plugin/GetData”，
类型：“POST”，
数据类型：“JSON”
},
罗维德：“Sr”，
栏目：[
{
“className”：“禁用详细信息控制排序”，
“可订购”：错误，
“数据”：空，
“defaultContent”：”
},
{“数据”：“Sr”}，
{“数据”：“OrderTrackNumber”}，
{“数据”：“数量”}，
{“数据”：“ProductName”}，
{“数据”：“特别推荐”}，
{“数据”：“单价”}，
{“数据”：“单价折扣”}
],
订单：[[1，“asc”]]
});

我有这个

我想要这个

先谢谢你

致以最良好的祝愿

---

Jolynice

您想在数据表的

length

控件或

length

控件的左侧嵌入

add

按钮吗？您好，mmushtaq，length control的左侧。然后您可以在数据表的dom定位中插入

add

按钮。请参阅此