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

HarmonyOS 富文本不支持trthtd标签

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

HarmonyOS
zxjiu
1天前
浏览
赞
收藏 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
微信
回复
1天前
如何写精华回答，获更多曝光？
发布
相关问题
HarmonyOS 文本怎么实现前加标签，目前只支持背景不支持描边
28浏览 • 1回复 待解决
HarmonyOS SVG文件不支持<text>标签吗
42浏览 • 1回复 待解决
@Style 是否不支持 .fontSize、.fontColor等文本样式
4036浏览 • 1回复 待解决
HarmonyOS @ohos.measure (文本计算) 不支持lineSpacing属性
39浏览 • 1回复 待解决
HarmonyOS 如何支持表情和富文本
657浏览 • 2回复 待解决
HarmonyOS 富文本richText无法自适应高度且文本不能左右对齐
37浏览 • 1回复 待解决
HarmonyOS TextInput是否支持富文本
34浏览 • 1回复 待解决
TextArea组件是否支持输入富文本（比如emoji表情和富文本）
2414浏览 • 1回复 待解决
HarmonyOS有富文本的支持么？如何在一段富文本中嵌入图片呢？
426浏览 • 1回复 待解决
是否支持jit和aot（jit不支持，aot支持），如果不支持jit怎么动态下发
2271浏览 • 1回复 待解决
web组件不支持localstorage
837浏览 • 1回复 待解决
HarmonyOS Span不支持n换行
36浏览 • 1回复 待解决
HarmonyOS image不支持mask吗
52浏览 • 1回复 待解决
http类不支持cancel方法
207浏览 • 1回复 待解决
HarmonyOS Web不支持http请求，只支持https
94浏览 • 1回复 待解决
HarmonyOS Object不支持 ... 展开符吗？
288浏览 • 1回复 待解决
HarmonyOS ets不支持匿名类吗？
243浏览 • 2回复 待解决
HarmonyOS TextInputController不支持主动设置焦点
77浏览 • 1回复 待解决
HarmonyOS Text的Span不支持align
28浏览 • 1回复 待解决
HarmonyOS CustomDialog不支持拦截backpressed事件
39浏览 • 1回复 待解决
HarmonyOS 不支持通过索引访问字段
333浏览 • 1回复 待解决
HarmonyOS RN使用datetimePicker显示不支持
110浏览 • 1回复 待解决
HarmonyOS 富文本点击事件
508浏览 • 1回复 待解决
HarmonyOS 富文本超出容器
333浏览 • 1回复 待解决
tabs组件不支持前后设置其他组件，也不支持前后tabs设置margin属性
1263浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
delphi语言支不支持鸿蒙App开发 1回复
升级鸿蒙后不支持快充？华为回应 0回复
关于鸿蒙系统，荣耀赵明正式表态：暂不支持 0回复
实战｜Flink不支持分库分表的改造之路（三） 0回复
实战｜Flink不支持分库分表的改造之路（一） 0回复