如何为flextable的HTML输出添加悬停效果？

我懂你想要的那种清爽好看的行悬停高亮效果——kableExtra靠bootstrap_options = "hover"就能一键实现，flextable虽然没有直接对应的参数，但我们用自定义CSS就能轻松搞定，具体方法如下：

首先，在你的R Markdown文档最开头（或者所有代码块之前）插入一段自定义CSS，用来定义悬停时的样式：

<style>
/* 为flextable添加行悬停高亮效果 */
.flextable tbody tr:hover {
  background-color: #f8f9fa; /* 这是Bootstrap默认的悬停色，和kableExtra的效果完全匹配 */
  transition: background-color 0.2s ease; /* 可选，添加平滑的颜色过渡动画 */
}
</style>

接下来你只需要正常编写flextable的代码就好，不需要额外修改flextable的函数参数：

---
output: bookdown::html_document2
---

```{r setup, include=FALSE}
knitr::opts_chunk$set(echo = FALSE)

iris |> head() |> 
  flextable::flextable() |> 
  flextable::set_caption("a caption")

这段CSS的逻辑很直接：flextable生成的HTML表格默认会带有`flextable`类，我们通过CSS选择器精准选中表格tbody区域的行，当鼠标悬停时修改它的背景色。如果你想要自定义悬停颜色，直接把`#f8f9fa`换成你喜欢的颜色代码就行，比如柔和的浅灰色`#f5f5f5`也很实用。

要是你想让过渡效果更丝滑，保留`transition`属性就能让颜色变化更自然，不会显得突兀。

这样设置之后，你的flextable在HTML输出里就会拥有和kableExtra一模一样的悬停高亮效果啦！

内容来源于stack exchange