51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课免费课排行榜短视频直播课软考学堂
全部课程软考信创认证华为认证厂商认证IT技术PMP项目管理免费题库
在线学习
文章资源问答课堂专栏直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
活动 短视频 专栏 极客Show 鸿蒙技术特刊

HarmonyOS 富文本不支持trthtd标签

在开发过程中，发现官方库和三方库没有支持tr\th\td标签（表格）的组件，有解决办法吗？

HarmonyOS
zxjiu
2024-12-25 15:27:32
浏览
赞
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa
FengTianYa

可以使用web导入html来实现表格组件的搭建，将html文件放入rawfile，前端通过web进行引入：

//web
import web_webview from '@ohos.web.webview'

@Entry
@Component
struct WebComponent {
  controller: web_webview.WebviewController = new web_webview.WebviewController()
  build() {
    Column() {
      Web({ src: $rawfile('index.html'), controller: this.controller })
    }
  }
}

//html：
<!DOCTYPE html>
  <html lang="zh-CN">
  <head>
  <meta charset="UTF-8">
  <title>示例表格</title>
  <style>
  table {
  border-collapse: collapse;
  width: 100%;
}
th, td {
  border: 1px solid black;
  padding: 8px;
  text-align: left;
}
th {
  background-color: #f2f2f2;
}
</style>
  </head>
  <body>

  <h2>示例表格</h2>

  <table>
  <caption>这是一个示例表格</caption>
  <thead>
  <tr>
  <th>姓名</th>
  <th>年龄</th>
  <th>性别</th>
  </tr>
  </thead>
  <tbody>
  <tr>
  <td>张三</td>
  <td>30</td>
  <td>男</td>
  </tr>
  <tr>
  <td>李四</td>
  <td>28</td>
  <td>女</td>
  </tr>
  <tr>
  <td>王五</td>
  <td>25</td>
  <td>男</td>
  </tr>
  </tbody>
  <tfoot>
  <tr>
  <td colSpan="3">总计</td>
  </tr>
  </tfoot>
  </table>

  </body>
  </html>

具体可以参考下：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-web-V5

分享
微博
QQ
微信
回复
2024-12-25 16:46:26
如何写精华回答，获更多曝光？
发布
相关问题
HarmonyOS 文本怎么实现前加标签，目前只支持背景不支持描边
949浏览 • 1回复 待解决
HarmonyOS SVG文件不支持<text>标签吗
1202浏览 • 1回复 待解决
@Style 是否不支持 .fontSize、.fontColor等文本样式
4993浏览 • 1回复 待解决
HarmonyOS @ohos.measure (文本计算) 不支持lineSpacing属性
1017浏览 • 1回复 待解决
HarmonyOS 富文本richText无法自适应高度且文本不能左右对齐
894浏览 • 1回复 待解决
HarmonyOS 如何支持表情和富文本
3010浏览 • 2回复 待解决
HarmonyOS TextInput是否支持富文本
1218浏览 • 1回复 待解决
TextArea组件是否支持输入富文本（比如emoji表情和富文本）
3753浏览 • 1回复 待解决
HarmonyOS 编码集不支持
1072浏览 • 1回复 待解决
HarmonyOS 推送设备不支持
1748浏览 • 1回复 待解决
Toggle isOn不支持$$？
1207浏览 • 1回复 待解决
HarmonyOS有富文本的支持么？如何在一段富文本中嵌入图片呢？
1756浏览 • 1回复 待解决
web组件不支持localstorage
1960浏览 • 1回复 待解决
是否支持jit和aot（jit不支持，aot支持），如果不支持jit怎么动态下发
3348浏览 • 1回复 待解决
HarmonyOS Span不支持n换行
1103浏览 • 1回复 待解决
HarmonyOS image不支持mask吗
1227浏览 • 1回复 待解决
HarmonyOS @State不支持HashMap吗
1109浏览 • 1回复 待解决
HarmonyOS ArkTS在申明@entry标签的时候，是否不支持ViewModel.Pro这种形式？
619浏览 • 1回复 待解决
HarmonyOS ArkTD不支持any，如何替换
1359浏览 • 1回复 待解决
HarmonyOS RN使用datetimePicker显示不支持
1137浏览 • 1回复 待解决
HarmonyOS color文件不支持rgba吗
1235浏览 • 1回复 待解决
http类不支持cancel方法
1202浏览 • 1回复 待解决
HarmonyOS CustomDialog不支持拦截backpressed事件
1112浏览 • 1回复 待解决
HarmonyOS Text的Span不支持align
1049浏览 • 1回复 待解决
HarmonyOS RN不支持相册路径上传
872浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
delphi语言支不支持鸿蒙App开发 1回复
升级鸿蒙后不支持快充？华为回应 0回复
关于鸿蒙系统，荣耀赵明正式表态：暂不支持 0回复
实战｜Flink不支持分库分表的改造之路（一） 0回复
实战｜Flink不支持分库分表的改造之路（三） 0回复