功能外掛程式開發

DataTables 在表格周圍放置了許多控制和資訊元素。我們將這些元件稱為「功能」。DataTables 內建了許多功能，這些功能透過公開可用的 API 註冊，以註冊其他功能作為外掛程式。此頁面討論如何使用功能 API。

DataTables 的功能是透過 layout 選項來使用，該選項使開發人員能夠根據需要將功能放置在表格周圍。

功能透過 DataTable.feature.register() 靜態 API 方法註冊。 請參閱該方法的文檔，以了解傳遞給它的參數的完整詳細資訊。

功能範例

之前的程式碼顯示了如何建立一個名為 myToolbar 的功能，並註冊以用於 DataTables。它建立了一個 div 元素，其中可以包含任何需要的 HTML (以及這些元素上的適當監聽器)，然後將其返回給 DataTables 以顯示在表格周圍

DataTable.feature.register('myToolbar', function (settings, opts) {
    // Define defaults
    let options = Object.assign({
        option1: false,
        option2: false
    }, opts);

    let container = document.createElement('div');

    // do something with the options and container
    // ...

    return container;
});

功能使用

一旦功能被註冊，您就可以在 layout 物件中引用它，以進行表格控制佈局

new DataTable('#myTable', {
    layout: {
        topStart: {
            myToolbar: {
                option1: true,
                option2: false
            }
        }
    }
});

發佈您的外掛程式

如果您為 DataTables 建立了一個功能外掛程式，請告訴我們！ 其他人可能會從您的外掛程式中受益，而我（以及整個社群）將非常感謝您的貢獻。