bootstraptable.js动态填充单元格数据的方法有哪些-创新互联

方法二：表头这一栏固定，自动填充主体部分

  
  
  
  
  
  
  
  



  
    
      
      
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);
  }

以上是“bootstrap table.js动态填充单元格数据的方法有哪些”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！