欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery datatable 拖拽

謝彥文1年前10瀏覽0評論

jQuery DataTable是一款流行的數據表格插件,使用它可以方便地展示、排序、篩選數據。除此之外,它還支持拖拽的功能,可以讓用戶自定義調整表格的列寬。

在使用DataTable進行拖拽時,需要引入拖拽插件jquery-ui,并在初始化DataTable時開啟拖拽功能。以下是一段示例代碼:

$(function() {
$("#example").dataTable({
"scrollX": true,
"scrollY": 500,
"scrollCollapse": true,
"paging": false,
"columnDefs": [
{ "sortable": false, "targets": [0] }
],
"ordering": false, // 禁止默認排序
"ordering": false, // 禁止默認排序
"fixedColumns":   {
"leftColumns": 1
}
});
// 開啟拖拽功能
$("#example").tableDnD({
onDrop: function(table, row) {
alert('拖拽成功');
}
});
});

以上代碼中,首先我們使用dataTable初始化表格,定義了一些表格的參數。然后,使用tableDnD函數開啟拖拽功能,在onDrop事件中增加了彈窗提示,以便我們判斷拖拽是否成功。

拖拽功能在日常開發中很常用,通過使用jQuery DataTable的拖拽功能,可以在數據表格的展示效果上更進一步,提高用戶體驗。在使用時,我們需注意需要引入jquery-ui插件并適當配置參數,以使得拖拽功能生效。