iT邦幫忙

0

已刪文19

不明 2023-07-21 14:39:16875 瀏覽
  • 分享至 

  • xImage

已刪文

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

1
天黑
iT邦研究生 5 級 ‧ 2023-07-21 16:15:12

https://ithelp.ithome.com.tw/upload/images/20230721/20138525UnYcMga1An.png

我只有調整 lengthMenu: [5, 10, 15, 20] 這個設定就是一次顯示五個了,參考看看吧

看更多先前的回應...收起先前的回應...

我有照大神的弄了,數量還是超過5個捏,是哪沒做好?

var select_server_table = $("#select_server_table_example").DataTable({
    processing: true,
    lengthChange: false,
    serverSide: true,
    lengthMenu: [5, 10, 15, 20],
    ajax: {
        url: "http://192.168.03.30:8000/api/ipc/all",   // fake api
        type: "GET",    
        // dataType : 'json',
        contentType: 'application/json', 
        data: function(d) {
            d.search = d.search.value;
            console.log(d);
            return JSON.stringify(d);
        },
        headers: {
            Authorization: "Bearer " + getToken,
        },
        dataSrc: function(response) {
            console.log("DATA", response);
            return response.ipcs;
        }
    },

    columns: [
        { data: "device_id", title: "device_id" },
        { data: "name", title: "name" },
        { data: "group", title: "group" },
        {
            data: null,
            title: "Server selecting",
        },
    ],

    error: function(response) {
        console.log("ERROR", response);
    }
});

select_server_table.draw();
天黑 iT邦研究生 5 級 ‧ 2023-07-24 16:52:52 檢舉

serverside作法要提供對應的API格式才行,參考網址

另外一個方法不使用datatable套件的ajax,先取得資料再產生table就可以了https://ithelp.ithome.com.tw/upload/images/20230724/20138525nXZrEo6Tdn.png

hi, @天黑大神, 我是client 前端,想做頁的呈現的話要如何做??

因為我lengthMenu: [5, 10, 15, 20] 這個設定沒效果

天黑 iT邦研究生 5 級 ‧ 2023-08-01 15:05:24 檢舉

痾 上面那張圖就是範例囉,先取得資料再放到datatable裡而已 沒有做什麼特別處理

我要發表回答

立即登入回答