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