// // declare var JQuery: (selector: string) => any;
// // declare var $: (selector: string) => any;

// declare namespace KT {

//     interface KTDatatableOptions {
//         data: {
//             type: 'remote' | 'local';
//             source: any[] | { [key: string]: any; };
//             pageSize: number;
//             saveState: boolean;
//             serverPaging: boolean;
//             serverFiltering: boolean;
//             serverSorting: boolean;
//             autoColumns: boolean;
//             [key: string]: any;
//         };

//         layout: {
//             theme: string; // default
//             class: string; // datatable-brand
//             scroll: boolean;
//             height: number; // 300
//             footer: boolean;
//             header: boolean;
//             customScrollbar: boolean;
//             minHeight: number; // 500
//             spinner: {
//                 overlayColor: string;
//                 opacity: number;
//                 type: string;
//                 state: string;
//                 message: string;
//             };
//             icons: {
//                 sort: any;
//                 pagination: any;
//                 rowDetail: any;

//                 [key: string]: any;
//             };
//             [key: string]: any;
//         };
//         sortable: boolean;
//         pagination: any;
//         search: {
//             onEnter: boolean;
//             input: any;
//             delay: number;
//         };
//         toolbar: {

//         };
//         translate: any;
//         detail: any;
//         rows: any;
//         columns: any;

//     }

//     interface Datatable {
//         load: () => void;
//         reload: () => void;
//         destroy: () => void;
//         getRecord: (id: string) => Datatable;
//         getColumn: (columnName: string) => Datatable;
//         getValue: () => any;
//         sort: (columnName: string, sort: 'asc' | 'desc') => void;
//         setActive: (cell: string) => void;
//         setActiveAll: (active: boolean) => void;
//         /**
//          * 设置选定的选择器复选框
//          */
//         setSelectedRecords: () => void;
//         getSelectedRecords: () => JQuery;
//         search: (value: string, column: string) => void;
//         /**
//          * 修改数据源参数并保存为数据表状态。必须调用 `datatable.load()`以加载新的修改数据源和重新渲染表
//          */
//         setDataSourceParam: (param: string, value: string) => void;
//         /**
//          * 按分页、排序或查询的参数类型获取当前数据源参数。
//          */
//         getDataSourceParam: (param: string) => void;
//         /**
//          * A helper function shortcut to datatable.getDataSourceParam('query'). Get current query datasource parameter. returns:
//          * ``` 
//             {
//                 pagination: {
//                     field: "ShipDate",
//                     page: 1,
//                     pages: 18,
//                     perpage: 20,
//                     sort: "asc",
//                     total: 350
//                 },
//                 query: {
//                 },
//                 sort: {
//                     sort: "asc",
//                     field: "ShipDate"
//                 }
//             }
//         ```
//          */
//         getDataSourceQuery: () => any;
//         /**
//          * Get current selected page number
//          */
//         getCurrentPage: () => number;
//         getPageSize: () => number;
//         getTotalRows: () => number;
//         hideColumn: (columnName: string) => void;
//         showColumn: (columnName: string) => void;
//         rows: (selector: string) => Datatable;
//         /**
//          * Select multiple rows from the table by css selector. The method return datatable instance.
//          */
//         row: (selector: string) => Datatable;
//         column: (index: number) => Datatable;
//         /**
//          * Select multiple columns from the table by css selector. The method return datatable instance.
//          */
//         columns: (selector: string) => Datatable;
//         /**
//          * Delete selected a single row or multiples rows. Can be used after selector methods `row(selector)` or `rows(selector)`.
//          */
//         remove: () => void;
//         /**
//          * Set the visibility of selected rows or columns. Can be used after selector methods `row(selector)` or `rows(selector)`.
//          */
//         visible: (visibility: boolean) => any;
//         /**
//          * Return nodes of the selected rows or columns. Can be used after selector methods `row(selector)` or `rows(selector)`.
//          */
//         nodes: () => any;

//         // [key: string]: any;
//     }


// }


// interface JQuery {
//     KTDatatable: (options: KT.KTDatatableOptions) => KT.Datatable;
// }