<div>
  <table class="layui-hide" id="test" lay-filter="demo"></table>
  <div id="page"></div>
</div>

//頁(yè)面第一次請(qǐng)求 默認(rèn) 1頁(yè) 10條
function dataLists(pageNum, numPerPage) {
    $.post(Url + 'pipei_dj/pagelist', {
      pageNum: pageNum, // 頁(yè)碼數(shù)
      numPerPage: numPerPage // 每頁(yè)條數(shù)
    }, function (data) {
      let datalist = JSON.parse(data)
      dataList(datalist) // 數(shù)據(jù)傳到 table組件
      page(datalist)   // 數(shù)據(jù)傳到 分頁(yè)組件
    })
  }
  dataLists(1, 10)

function page(data) {
    laypage.render({
      elem: 'page', //注意，這里的 page 是 ID，不用加 # 號(hào)
      count: data.totalCount, //數(shù)據(jù)總數(shù)，從服務(wù)端得到
      limit: data.numPerPage, // 每頁(yè)條數(shù)
      limits: [10, 20, 30, 40, 50],
      layout: ['count', 'prev', 'page', 'next', 'limit', 'skip'],
      jump: function (obj, first) {
        //console.log(obj)
        //obj包含了當(dāng)前分頁(yè)的所有參數(shù)，比如：
        //console.log(obj.curr); //得到當(dāng)前頁(yè)，以便向服務(wù)端請(qǐng)求對(duì)應(yīng)頁(yè)的數(shù)據(jù)。
        //console.log(obj.limit); //得到每頁(yè)顯示的條數(shù)

        //首次不執(zhí)行
        if (!first) {
          //do something
          numpage(obj.curr, obj.limit) // 分頁(yè)點(diǎn)擊傳參 
        }
      }
    });
  }
	// 從新寫了 一個(gè)請(qǐng)求
  function numpage(pageNum, numPerPage) {
    $.post(Url + 'pipei_dj/pagelist', {
      pageNum: pageNum,
      numPerPage: numPerPage
    }, function (data) {
      let datalist = JSON.parse(data)
      dataList(datalist) // 傳到table組件
    })
  }

  // 表格渲染
  function dataList(data) {
    table.render({
      elem: '#test',
      cols: [
        [{
          title: '序號(hào)',
          type: "numbers"
        }, {
          field: 'id',
          title: 'id',
          hide: true
        }, {
          field: 'status',
          title: '狀態(tài)',
          hide: true
        }, {
          field: 'danjia',
          title: '單價(jià)(￥)'
        }, {
          field: 'createtime',
          title: '創(chuàng)建時(shí)間'
        }, {
          field: 'status',
          title: '狀態(tài)',
          toolbar: '#barstate'
        }, {
          title: '操作',
          toolbar: '#barDemo'
        }]
      ],
      data: data.dataList, // 數(shù)據(jù)
      limit: data.numPerPage, // 顯示的條數(shù)
      //page: true, // 開啟分頁(yè)
    });
  }