狗万官网酒店 > 狗万官网下载 > layui题目的渲染数据表格时,仅出现10条数据的消灭办法_javascrip

layui题目的渲染数据表格时,仅出现10条数据的消灭办法_javascrip

来源: 2019-09-16 09:52 我来投稿 参与评论
当天小编就为大家分享一篇layui题目的渲染数据表格时,仅出现10条数据的消灭办法,具有很好的参考价值,瞩望对大家有所帮助。总计跟随小编过来看看吧

一、题目

ajax获取服务端数据之后,要动态渲染table,但多少仅仅数显了10条,并没有渲染所有的数目。

二、途经

瞧一下表格要求的数目,0-9条之数目都自动有一番名为LAY_TABLE_INDEX的键值对,但10条及随后的数目都没有这个键值对。

很是纳闷,本条表格不带分页功能,应当不需要写limit对数据进行限制

table.render({
    elem: '#orderTable'
    ,height: 400
    ,cols: [[ //题目栏
     {field: 'status', title: "订单状态", width: 90}
     ,{field: 'orderSerialNumber', title: "订单编号", minWidth: 150}
     ,{field: 'logisticsSerialNumber', title: "物流串号", minWidth: 150}
     ,{field: 'curPos', title: "目前位置", minWidth: 150}
     ,{field: 'monitoringState', title: "监督状况", width: 140}
     ,{field: 'lastUpdated', title: "创新时间", width: 145, sort: true}
     ,{field: 'operating', title: "借鉴", minWidth: 220}
    ]]
    ,data: handleData
    ,even: true
   });

三、结果

总的来看官网上写:limit 数(默认:10)是与你服务端限定的数目条数一致。就把limit加上去了,并且和劳动端数据条数一致。

table.render({
    elem: '#orderTable'
    ,height: 400
    ,cols: [[ //题目栏
     {field: 'status', title: "订单状态", width: 90}
     ,{field: 'orderSerialNumber', title: "订单编号", minWidth: 150}
     ,{field: 'logisticsSerialNumber', title: "物流串号", minWidth: 150}
     ,{field: 'curPos', title: "目前位置", minWidth: 150}
     ,{field: 'monitoringState', title: "监督状况", width: 140}
     ,{field: 'lastUpdated', title: "创新时间", width: 145, sort: true}
     ,{field: 'operating', title: "借鉴", minWidth: 220}
    ]]
    ,data: handleData
    ,even: true
    ,limit: limit //表现的多少
   });

注:handleData是渲染表格时,表格要求的数目

上述这篇layui题目的渲染数据表格时,仅出现10条数据的消灭办法就是小编分享给大家的方方面面内容了,瞩望能送大家一个参考,也愿意大家多多支持脚本的师。

义务编辑:狗万官网酒店
 
 
0% (0)
 
 
0% (0)
机长评论( ) 请自觉遵守互联网相关的富民政策法规,不准发布色情、暴力、反动的议论。
地名: 匿名?
  •