在使用tr的时候经常遇到的错误1

最新推荐文章于 2025-06-27 11:37:56 发布

原创最新推荐文章于 2025-06-27 11:37:56 发布 · 6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#css #css3 #前端

Vue 同时被 2 个专栏收录

33 篇文章

订阅专栏

React

13 篇文章

订阅专栏

本文介绍了一个常见的HTML表格结构错误：直接将<tr>作为<table>的子元素，而非<tbody>的子元素。文中提供了解决方案，并通过实例演示如何正确地组织表格结构。

在这里插入图片描述
我们在使用tr、td等表格类的时候会经常遇到这样一个问题
英文大致意思如下：

警告：ValidatedMonitoring（…）：
<tr>不能显示为<table>的子级。向代码中添加<tbody>，
以匹配浏览器生成的DOM树。

解决这个问题也很简单，因为提示已经告诉我们只需要加个tbody就可以了，所以我们在tr的外层加一层tbody就可以了，示例如下：
在这里插入图片描述
学费了吗？！！！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

yzkdcsdn

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

TR069错误码介绍

08-22

TR069错误码，ACS错误代码，CPE 错误代码等，有助于理解协议包返回码

jQuery EasyUI tree 使用拖拽时遇到的错误小结

01-19

在我使用tree拖拽时总是失败，控制台输出了很多错误。经过跟踪分析发现这是一个由于特殊配置导致的错误。原先错误的代码如下： $('#tree').tree({ //省略其他 loadFilter: function(data, parent){ return data....

参与评论您还未登录，请先登录后发表或查看评论

Qt5：报错error: ‘tr‘ was not declared in this scop

嵌入式与人工智能

06-13

2532

Qt tr

泛化的抛出异常【避免】

u012045045的博客

06-21

929

一级类：异常处理二级类：泛化的抛出异常数量： 9详细信息：程序抛出一个泛化的异常，使调用者很难处理和修复发生的异常。例如：下面代码片段中，程序抛出了一个Exception异常。 public void doExchange() throws Exception { ... } 这使调用者很难理解和处理程序所发生的异常。修复建议：不应泛化的抛...

[Qt] tr的使用报错

张璐的专栏

07-23

2103

问题摘要：同样一个函数语句，在mainwindow.cpp中编译通过，但是放在自己写的一个class的cpp下无法通过编译。语句： QString path = QFileDialog::getOpenFileName(this, tr("打开txt"), ".", tr("Image Files(*.txt)")); 原因： tr是QObkject下的一个函

对Table或TR元素使用innerHTML时报“未知运行时错误”解决方案。

wolfcyl的专栏

05-20

2108

有时候对table使用innerHTML时报“未知运行时错误”。先上代码片段。010203如果使用document.getElementById("tbl").innerHTML = ""; 时，在IE下有时候会报“未知运行时错误”，上次遇到了感觉很怪异，

TR-143_Amendment-1.pdf

07-16

### TR-143_Amendment-1.pdf 技术报告关键知识点解析 #### 技术报告概述《TR-143_Amendment-1.pdf》是一份由宽带论坛(The Broadband Forum)发布的技术报告，该报告主要关注的是网络吞吐量性能测试和统计监控的实现...

TR069 ACS与CPE错误代码详解

"TR069错误码是用于TR069协议中，用来标识在设备管理和服务配置过程中出现的问题。这些错误代码分为ACS错误代码和CPE（Customer Premises Equipment，用户驻地设备）错误代码，帮助诊断和解决协议交互中的故障。本文...

TR069客户端 Android版本源码并含开发过程中收集的TR069协议开发资料集合

08-17

1. **数据模型**：TR069协议定义了一套数据模型，用于描述CPE设备的状态和配置参数。客户端需要理解和处理这些数据模型，将设备状态转化为协议可理解的格式。 2. **安全机制**：TR069协议支持SSL/TLS加密，确保通信...

TR069模拟器2021.rar

04-27

在实际操作中，你可能会遇到如设备认证、加密通信、错误处理等问题，都需要通过模拟器来模拟并解决。总的来说，"TR069模拟器2021.rar"是一个强大的学习和测试工具，可以帮助IT专业人士深入理解TR069协议的工作原理...

warning或许是语法错误？后端标红消失后，前文报错或影响不大

m0_71932548的博客

09-28

2602

报错感想随笔

Emitted value instead of an instance of Error) ＜tr＞ cannot be child of ＜table＞, according to HTML...

最新发布

qq_71214810的博客

06-27

832

HTML表格报错摘要：报错原因为Vue模板中直接使用<tr>作为<table>子元素，违反HTML规范要求<tr>必须位于<thead>、<tbody>或<tfoot>内。提供两种解决方案：1）添加<tbody>包裹<tr>元素；2）使用Vue的<template>标签循环渲染。方案1更推荐，既简单又符合规范，还能保持原有样式。修改后表格结构更规范，提高了SSR兼容性并规避未来浏览器兼容问题。

table标签使用过程中遇到的问题

qq_48575162的博客

08-15

1123

table标签使用过程中遇到的问题

【Vue】[vite] warning: ＜h3＞ cannot be child of ＜p＞, according to HTML specifications.

HEX9CF的技术博客

12-26

1905

/</</</

使用pycharm写一个表格

2301_77956597的博客

10-22

368

由于我个人时间没规划好，此作业还未完成，先提交一个残次品。

说说 Vue.js 组件

weixin_33881041的博客

12-07

130

使用 Vue.js 组件，可以提高控件及其 JS 能力的可复用性。 1 定义第一个组件 Vue.js 组件需要注册后才可以使用，注册分为全局注册和局部注册。全局注册后，任何 vue 实例都可以用这个组件。 html： <div id="app"> <deniro-component></deniro-component> </div> 复制...

谈谈出入React框架踩过的坑

xiaozhen0610的博客

08-15

1097

1在JSX的元素中写入内联样式，例如<div style={"color:blue"}></div> 报错：warning：Style prop value must be an object react/style-prop-object 原因：在React框架的JSX编码格式要求，style必须是一个对象解决方法：除了外部那个表示Javascript语句的花括号外，里面必须再写一个花括号{}包含的对象，例如<div style={ { color:“blue” }...

练习第二次

2403_88478656的博客

11-04

257

老师</td><caption>合并行</caption>上一周，学习并html的列表，表格，链接。<td>老师1要解释的名词</dt><dt>要解释的名词解释</dd><dd>解释名字</th><th>类</th><th>人