--<\/p>\n
\u95dc\u9375\u5c31\u662f\u5fc5\u9808\u8981\u628a js \u653e\u5728 initComplete: \u5167<\/p>\n
--<\/p>\n
HTML<\/p>\n
<!-- jQuery -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.6.0\/jquery.min.js\"><\/script>\r\n\r\n<!-- bootstrap 5 -->\r\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.2.3\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.2.3\/dist\/js\/bootstrap.bundle.min.js\"><\/script><\/pre>\nJavsScript<\/p>\n
let data_table = $table.DataTable({\r\n fixedHeader: true,\r\n serverSide: true,\r\n dom: '<\"top\"i>rt<\"bottom\"flp><\"clear\">',\r\n displayLength: 30, \/\/ \u9810\u8a2d\u6bcf\u9801\u7b46\u6578\r\n lengthChange: false,\r\n language: {\r\n url: '\/\/cdn.datatables.net\/plug-ins\/1.12.1\/i18n\/zh-HANT.json'\r\n },\r\n searching: false,\r\n scrollX: true,\r\n scrollCollapse: true,\r\n Info: false,\r\n ordering: false,\r\n order: [],\r\n ajax: {\r\n url: '\/v2\/Stock_item\/select',\r\n type: 'POST',\r\n data: function (d) {\r\n d['search'] = $id_form_search.serialize();\r\n },\r\n },\r\n initComplete: function(settings, json) {\r\n $('[data-bs-toggle=\"tooltip\"]').tooltip( );\r\n },\r\n columns: [\r\n {\r\n data: 'id',\r\n createdCell: function (cell, cellData, rowData, rowIndex, colIndex) {\r\n $(cell).attr('data-title', 'id')\r\n },\r\n },\r\n {\r\n data: 'create_time',\r\n createdCell: function (cell, cellData, rowData, rowIndex, colIndex) {\r\n $(cell).attr('data-title', '\u5efa\u7acb\u65e5\u671f')\r\n },\r\n },\r\n {\r\n data: 'name',\r\n createdCell: function (cell, cellData, rowData, rowIndex, colIndex) {\r\n $(cell).attr('data-title', '\u540d\u7a31')\r\n },\r\n },\r\n {\r\n data: null,\r\n render: function (data, type, row) {\r\n let r = '';\r\n r += '<button type=\"button\" class=\"btn btn-sm btn-outline-primary\" data-bs-toggle=\"tooltip\" data-bs-custom-class=\"primary-tooltip\" data-bs-title=\"\u7de8\u8f2f\" onclick=\"modal_edit(' + data['id'] + ', this)\"><i class=\"fa-solid fa-pen-to-square\"><\/i><\/button> ';\r\n r += '<button type=\"button\" class=\"btn btn-sm btn-outline-danger\" data-bs-toggle=\"tooltip\" data-bs-custom-class=\"danger-tooltip\" data-bs-title=\"\u522a\u9664\" onclick=\"modal_delete(' + data['id'] + ')\"><i class=\"fa-solid fa-ban\"><\/i><\/button>';\r\n\r\n return r;\r\n }\r\n }\r\n ],\r\n});<\/pre>\n--<\/p>\n
<\/div>\n