最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

layui table去掉右側(cè)滑動(dòng)條的實(shí)現(xiàn)方法

 更新時(shí)間:2019年09月05日 11:33:15   作者:cp1300  
今天小編就為大家分享一篇layui table去掉右側(cè)滑動(dòng)條的實(shí)現(xiàn)方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

使用layui table后,table會(huì)自動(dòng)有一個(gè)滑動(dòng)條,使用時(shí)需要去掉,原理如下:

定義一個(gè)tab的父div id,在這個(gè)id中尋找 class為 layui-table-main,layui-form的標(biāo)簽,將高度設(shè)置為100%即可。

//在layui table加載完成后,重新設(shè)置表格高度為100%,不限制表格高度,不會(huì)在表格上出現(xiàn)垂直滾動(dòng)條
 function AutoTableHeight()
 {
  var dev_obj = document.getElementById('table_and_page_div_id'); //table的父div
 
  var layuitable_main = dev_obj.getElementsByClassName("layui-table-main"); //在父div中找 layui-table-main 屬性所在標(biāo)簽
  if (layuitable_main != null && layuitable_main.length > 0) {
   layuitable_main[0].style.height = '100%'; 
  }
 
  var layuitable = dev_obj.getElementsByClassName("layui-form"); //在父div中找 layui-form 屬性所在標(biāo)簽
  if (layuitable != null && layuitable.length > 0) {
   layuitable[0].style.height = '100%';
  }
 }

在table的done事件中調(diào)用AutoTableHeigh()即可。

 //table表格配置
 var g_table_config = {
  elem: '#device_list_table_id'
  , data: null
  , limit: cg_OnePageDataCount //每頁(yè)顯示50條
  , text: { none: '暫無(wú)相關(guān)數(shù)據(jù)' }
  , height: 'full-200'
  , cellMinWidth: 70 //全局定義常規(guī)單元格的最小寬度,layui 2.2.1 新增
  , page: false //開(kāi)啟分頁(yè)
  , cols: [g_table_cols]
  // , even: true //開(kāi)啟隔行背景
  , size: 'sm' //小尺寸的表格 
  , done: function (res, curr, count) {
   //如果是異步請(qǐng)求數(shù)據(jù)方式,res即為你接口返回的信息。
   //如果是直接賦值的方式,res即為:{data: [], count: 99} data為當(dāng)前頁(yè)數(shù)據(jù)、count為數(shù)據(jù)總長(zhǎng)度
   console.log(res);
 
   //得到當(dāng)前頁(yè)碼
   console.log(curr);
 
   //得到數(shù)據(jù)總量
   console.log(count);
 
   AutoTableHeight();
  }
 };

最終效果如下:

以上這篇layui table去掉右側(cè)滑動(dòng)條的實(shí)現(xiàn)方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • 關(guān)于IE中g(shù)etElementsByClassName不能用的問(wèn)題解決方法

    關(guān)于IE中g(shù)etElementsByClassName不能用的問(wèn)題解決方法

    今天使用getElementsByClassName寫了段小程序,在IE6、8中測(cè)試的時(shí)候就出現(xiàn)問(wèn)題了,瀏覽器報(bào)錯(cuò),經(jīng)搜索找到了一個(gè)比較好的方法,是個(gè)老外寫的一個(gè)方法
    2013-08-08
  • JavaScript操作XLSX文件的示例詳解

    JavaScript操作XLSX文件的示例詳解

    本文將深入探討如何使用強(qiáng)大的xlsx庫(kù)來(lái)操作Excel文件,本文將涵蓋如何在Node.js和瀏覽器環(huán)境中讀取Excel文件,創(chuàng)建新的Excel文件等內(nèi)容,感興趣的小伙伴可以了解下
    2024-11-11
  • JavaScript中Webpack的使用教程

    JavaScript中Webpack的使用教程

    Webpack 是一個(gè)前端資源加載/打包工具。它將根據(jù)模塊的依賴關(guān)系進(jìn)行靜態(tài)分析,然后將這些模塊按照指定的規(guī)則生成對(duì)應(yīng)的靜態(tài)資源,這篇文章主要介紹了JavaScript中Webpack的使用,需要的朋友可以參考下
    2021-10-10
  • ES6概念 ymbol.for()方法

    ES6概念 ymbol.for()方法

    這篇文章主要介紹了ES6概念 ymbol.for()方法,需要的朋友可以參考下
    2016-12-12
  • js window.onload 加載多個(gè)函數(shù)和追加函數(shù)詳解

    js window.onload 加載多個(gè)函數(shù)和追加函數(shù)詳解

    本篇文章主要是對(duì)js window.onload 加載多個(gè)函數(shù)和追加函數(shù)進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助
    2014-01-01
  • javascript中setTimeout的問(wèn)題解決方法

    javascript中setTimeout的問(wèn)題解決方法

    這篇文章主要介紹了javascript中setTimeout的問(wèn)題以及對(duì)應(yīng)的解決方法,需要的朋友可以參考下
    2014-05-05
  • JavaScript實(shí)現(xiàn)合并(歸并)排序算法示例解析

    JavaScript實(shí)現(xiàn)合并(歸并)排序算法示例解析

    這篇文章主要為大家介紹了JavaScript實(shí)現(xiàn)合并(歸并)排序算法示例解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-08-08
  • echarts幾個(gè)公司內(nèi)部數(shù)據(jù)可視化圖表必收藏

    echarts幾個(gè)公司內(nèi)部數(shù)據(jù)可視化圖表必收藏

    最近公司有一個(gè)需求,要做一個(gè)數(shù)據(jù)可視化的頁(yè)面,所有的圖表都在下面,做這些都是本人自己寫的,全部都是真是的項(xiàng)目中的代碼,包含有柱狀圖、折線圖、水球圖以及散點(diǎn)圖,這里直接打出來(lái)給大家練手,希望大家多多支持,如果這篇文章對(duì)您有用的話必須收藏
    2022-08-08
  • js事件冒泡、事件捕獲和阻止默認(rèn)事件詳解

    js事件冒泡、事件捕獲和阻止默認(rèn)事件詳解

    這篇文章主要為大家詳細(xì)介紹了js事件冒泡、事件捕獲和阻止默認(rèn)事件,感興趣的小伙伴們可以參考一下
    2016-08-08
  • 前端不使用i18n該如何優(yōu)雅的實(shí)現(xiàn)多語(yǔ)言

    前端不使用i18n該如何優(yōu)雅的實(shí)現(xiàn)多語(yǔ)言

    多語(yǔ)言的重要性相信不需要多言,下面這篇文章主要給大家介紹了關(guān)于前端不使用i18n該如何優(yōu)雅的實(shí)現(xiàn)多語(yǔ)言,文中通過(guò)圖文介紹的非常詳細(xì),需要的朋友可以參考下
    2023-01-01

最新評(píng)論

合水县| 津市市| 茌平县| 洛扎县| 昌邑市| 上杭县| 本溪市| 山阳县| 聂荣县| 嘉兴市| 石首市| 永仁县| 大洼县| 云霄县| 改则县| 巴林左旗| 隆回县| 日土县| 辽阳市| 开平市| 隆安县| 临桂县| 龙泉市| 淄博市| 会同县| 顺昌县| 土默特左旗| 通榆县| 临海市| 莎车县| 荆门市| 巨鹿县| 龙胜| 辽阳县| 稷山县| 洪洞县| 昌宁县| 天门市| 云霄县| 江华| 广丰县|