老熟女激烈的高潮_日韩一级黄色录像_亚洲1区2区3区视频_精品少妇一区二区三区在线播放_国产欧美日产久久_午夜福利精品导航凹凸

重慶分公司

咨詢熱線：

028-86922220

關于我們

服務項目

小程序開發

案例展示

建站動態

聯系我們

地址：成都市太升南路288號錦天國際A幢1002號

電話：028-86922220

028-86922220

重慶分公司，新征程啟航

為企業提供網站建設、域名注冊、服務器等服務

bootstraptable.js動態填充單元格數據的方法有哪些-創新互聯

這篇文章主要為大家展示了“bootstrap table.js動態填充單元格數據的方法有哪些”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“bootstrap table.js動態填充單元格數據的方法有哪些”這篇文章吧。

創新互聯是一家網站設計、成都網站制作，提供網頁設計，網站設計，網站制作，建網站，按需開發，網站開發公司，公司2013年成立是互聯行業建設者，服務者。以提升客戶品牌價值為核心業務，全程參與項目的網站策劃設計制作，前端開發，后臺程序制作以及后期項目運營并提出專業建議和思路。

bootstrap-table.js動態填充table單元格數據，總結了幾種方法以適應各種需求，以下就簡單介紹兩種方法：

方法一：全部自動填充table

$('#table-javascript').bootstrapTable({ method : 'get', url : ContextUtil.zutnlp_spark_info, cache : false, pagination : true, root : 'workers', total : 'totalElements', sidePagination : 'server', columns : [ { field : 'address', title : 'Address', align : 'center', valign : 'middle' }, { field : 'state', title : 'State', align : 'center', valign : 'middle', } ] }); $(window).resize(function() { $('#table-javascript').bootstrapTable('resetView'); });

方法二：表頭這一欄固定，自動填充主體部分




  
  
  
  
  
  
  
  



  
    
      
      Address
      States
      Cores
      CoresUsed
      Memory
      MemoryUsed
      
      
    
  


  $(function() {
    $.ajax({
          url : ContextUtil.zutnlp_spark_info,
          type : "GET",
          success : function(data) {
            //調用創建表和填充動態填充數據的方法.
            createShowingTable(data)
          },
          error : function() {
          }
        });
  });
  //動態的創建一個table，同時將后臺獲取的數據動態的填充到相應的單元格
  function createShowingTable(data) {
    //獲取后臺傳過來的jsonData,并進行解析
 
    //此處需要讓其動態的生成一個table并填充數據
    var tableStr = "";
    var len = data.workers.length;
    for (var i = 0; i < len; i++) {
      tableStr = tableStr + "" + data.workers[i].address
          + "" + "" + data.workers[i].state + ""
          + "" + data.cores + ""
          + "" + data.coresUsed + ""
          + "" + data.memory + ""
          + "" + data.memoryUsed + "";
    }
    //將動態生成的table添加的事先隱藏的div中.
    $("#dataTable").html(tableStr);
  }