Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/475.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在动态创建的表中,在何处包括表头?_Javascript_Jquery_Ajax - Fatal编程技术网

Javascript 在动态创建的表中,在何处包括表头?

Javascript 在动态创建的表中,在何处包括表头?,javascript,jquery,ajax,Javascript,Jquery,Ajax,函数createTable(){ $('#mytable').empty(); mytable=$(''); var rows=$(“#rowcount”).val(); var cols=$(“#columncount”).val(); var tr=[]; 对于(变量i=0;i

函数createTable(){
$('#mytable').empty();
mytable=$('');
var rows=$(“#rowcount”).val();
var cols=$(“#columncount”).val();
var tr=[];
对于(变量i=0;i
表td{
填充:10px;
利润率:10px;
边框:1px实心#ccc;
}

时间:

频道视图 行数: 列计数:


表中有两个部分
thead
tbody

您的头部数据应该进入
thead
,数据应该进入
tbody

使用
thead
tbody
创建一个
表格
,如下所示

 mytable = $('<table><thead><tr></tr></thead><tbody></tbody></table>');
现在将
中的标题附加到
标题

for (var j = 0; j < cols; j++) {
    $('<th></th>').text('Head-'+j).appendTo(head);
}
查看完整的代码片段

片段

函数createTable(){
$('#mytable').empty();
mytable=$('');
var head=mytable.find('thead tr');
var body=mytable.find('tbody');
var rows=$(“#rowcount”).val();
var cols=$(“#columncount”).val();
var tr=[];
对于(var j=0;j
表td,th{
填充:10px;
利润率:10px;
边框:1px实心#ccc;
}
表th{
背景色:#eee;
}

时间:

频道视图 行计数:列计数:


这是您的解决方案

createTable=function(){
$('#mytable').empty();
var rows=$(“#rowcount”).val();
var cols=$(“#columncount”).val();
//--添加标题
var myTable=$('');
变量thead=$('');
var theadRow=$('').appendTo(thead);
对于(var j=0;j
表td{
填充:10px;
利润率:10px;
边框:1px实心#ccc;
}

时间:

频道视图 行数: 列计数:


var header=true;对于(var i=0;i
我假设第0行包含header。是的,但如何更改它。例如,对于每列,我应该如何给出header值,它解决了我的请求。但是我应该如何动态地更改头值呢。也就是说,我不需要固定的值,也就是这里的“Col”,如果我需要从db中获取头值,应该怎么做I@nishanthi...Table标题是动态的。如果您看到列编号是动态的,其中as列是固定的。。。你在寻找什么样的动态标题…是的,没错!!但是,如果没有显示“i”值,即col-1、2、3,我应该如何在有db数据的地方显示db字段值????请提供一个示例数据库数据,我们肯定会帮助您…公共函数newProduct($value){$users=addModel::select('Description','technicalsspecification','Features')->where('productName',$value)->get();return json_encode($users);}-->这是我的laravel控制器代码。我如何用标题字段显示这些数据
for (var j = 0; j < cols; j++) {
    $('<th></th>').text('Head-'+j).appendTo(head);
}
for (var i = 0; i < rows; i++) {
    var row = $('<tr></tr>').appendTo(body);
    for (var j = 0; j < cols; j++) {
      $('<td></td>').text(i).appendTo(row);

    }

}