追加到tbody不显示表中的数据
可能是由于以下几个原因导致的：
- 数据未正确添加到tbody中：在HTML中，表格通常由thead、tbody和tfoot组成。tbody是用于包含实际的表格数据的部分。如果数据没有正确添加到tbody中，那么在页面上是不会显示的。确保在追加数据时，将其添加到正确的tbody元素中。
- 数据未正确格式化或渲染：在将数据追加到tbody之前，确保对数据进行正确的格式化和渲染。这可能涉及到将数据转换为HTML格式或使用模板引擎来生成HTML代码。确保数据以正确的方式呈现在表格中。
- CSS样式问题：检查表格的CSS样式，确保tbody元素的显示属性设置为可见。有时，CSS样式可能会导致tbody元素被隐藏或不可见，从而导致追加的数据无法显示。
- JavaScript错误：在追加数据的过程中，确保没有出现JavaScript错误。错误可能会导致代码中断，从而导致数据无法正确添加到表格中。
综上所述，要解决追加到tbody不显示表中数据的问题，需要确保数据正确添加到tbody中，并进行正确的格式化和渲染。同时，检查CSS样式和JavaScript代码，确保它们不会导致数据无法显示。
相关·内容
jquery实现表格动态添加
//点击追加触发
$(function(){
$("#button").click(function(){
var div_ = $("#sel").val();
var context = $("#context").val();
append(div_,context);
//$("#tab tr:not(:first)").remove();
//$("#tab tbody").empty();
$("#tab tbody").remove();
query();
});
});
//点击查询全部触发
$(function(){
$("#but").click(function(){
$("#tab tbody").remove();
//$("#tab tr:not(:first)").remove();
//$("#tab tbody").empty();
query();
});
});
//点击模糊查询触发
$(function(){
$("#query").click(function(){
var context = $("#context").val();
alert("您输入的内容为："+context);
$("#tab tr:not(:first)").empty();
//$("table tbody").remove();
queryByContext();
});
});
//删除事件
function del(id){
var url = "testController/delModel";
$.ajax({
type: 'POST',
url: url,
data:{id: id},
dataType: 'json',
success: function(data){
alert("数据库删除成功");
$("#tab tr:not(:first)").empty();
query();
}});
};
//编辑事件
function upd(id){
var url = "";
$.ajax({
type: 'POST',
url: url,
data:{id: id},
dataType: 'json',
success: function(data){
alert("数据库编辑成功");
$("#tab tr:not(:first)").empty();
query();
}});
}
//添加方法
function append(div_,context){
$("#"+div_).append(""+ div_ +" "+""+context+" "+id+" "+""+divId+" "+""+context+" "+""+dtt+" "+"删除
扫码
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
