51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
WOT技术大会
IT证书
公众号矩阵
移动端
短视频免费课程课程排行直播课软考学堂
全部课程厂商认证IT技术25年5月软考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 文本怎么实现前加标签，目前只支持背景不支持描边
112浏览 • 1回复 待解决
HarmonyOS SVG文件不支持<text>标签吗
164浏览 • 1回复 待解决
HarmonyOS @ohos.measure (文本计算) 不支持lineSpacing属性
137浏览 • 1回复 待解决
@Style 是否不支持 .fontSize、.fontColor等文本样式
4254浏览 • 1回复 待解决
HarmonyOS 富文本richText无法自适应高度且文本不能左右对齐
158浏览 • 1回复 待解决
HarmonyOS TextInput是否支持富文本
280浏览 • 1回复 待解决
HarmonyOS 推送设备不支持
45浏览 • 1回复 待解决
HarmonyOS 编码集不支持
158浏览 • 1回复 待解决
Toggle isOn不支持$$？
165浏览 • 1回复 待解决
TextArea组件是否支持输入富文本（比如emoji表情和富文本）
2613浏览 • 1回复 待解决
web组件不支持localstorage
909浏览 • 1回复 待解决
是否支持jit和aot（jit不支持，aot支持），如果不支持jit怎么动态下发
2360浏览 • 1回复 待解决
HarmonyOS image不支持mask吗
183浏览 • 1回复 待解决
HarmonyOS Span不支持n换行
141浏览 • 1回复 待解决
HarmonyOS @State不支持HashMap吗
64浏览 • 1回复 待解决
HarmonyOS 如何支持表情和富文本
888浏览 • 2回复 待解决
HarmonyOS ArkTS在申明@entry标签的时候，是否不支持ViewModel.Pro这种形式？
72浏览 • 1回复 待解决
HarmonyOS ArkTD不支持any，如何替换
142浏览 • 1回复 待解决
HarmonyOS RN使用datetimePicker显示不支持
212浏览 • 1回复 待解决
HarmonyOS color文件不支持rgba吗
146浏览 • 1回复 待解决
http类不支持cancel方法
309浏览 • 1回复 待解决
HarmonyOS CustomDialog不支持拦截backpressed事件
170浏览 • 1回复 待解决
HarmonyOS TextInputController不支持主动设置焦点
227浏览 • 1回复 待解决
HarmonyOS 不支持通过索引访问字段
491浏览 • 1回复 待解决
HarmonyOS Object不支持 ... 展开符吗？
401浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
delphi语言支不支持鸿蒙App开发 1回复
升级鸿蒙后不支持快充？华为回应 0回复
关于鸿蒙系统，荣耀赵明正式表态：暂不支持 0回复
实战｜Flink不支持分库分表的改造之路（三） 0回复
实战｜Flink不支持分库分表的改造之路（一） 0回复