[問題] 如何在JQuery dataTable的列添加刪除鈕

作者: lueichun (no anonymous)   2021-04-08 17:41:04
我現在有寫了以下的jQuery dataTable code:
<script>
var myTable = $('#messageTable').DataTable({
"order": [[ 3, "desc" ]],
"columnDefs": [ { type: 'date', 'targets': [3] } ],
"columns" : [ {
"title" : "id",
"data" : "id",
width:'10%'
}, {
"title" : "留言者姓名",
"data" : "name",
width:'20%'
}, {
"title" : "留言",
"data" : "messageStr",
width:'50%'
},{
"title" : "留言日期",
"data" : "addDate",
width:'20%'
} ]
});
</script>
作者: OrzOGC (洞八達人.拖哨天王)   2021-04-08 18:07:00
你要有個func做這些事吧 後端要有個api讓你用
作者: vi000246 (Vi)   2021-04-08 19:04:00
想辨法拿到那個row的id , call後端api刪除資料
作者: cf1064 (蚵仔)   2021-04-08 21:12:00
jquery datatable delete button就有了....https://reurl.cc/L0qKGe
作者: KUMAMOTO (制約RD了 orz)   2021-04-09 14:01:00
我習慣多加一個 column, columnDefs 裡 render buttonhttps://imgur.com/ytIWeHb最後 button 綁好你要的 click event
作者: ccas (昆蟲不一定會飛)   2021-04-11 23:03:00
就加上一個Button,然後裡面自己寫要連api的事情啊

Links booklink

Contact Us: admin [ a t ] ucptt.com