javascript - 将鼠标悬停在 DT::datatable 中的单元格上后在工具提示中显示单元格值

Question

将鼠标悬停在 DT::datatable 中的特定单元格上后，如何利用 javascript 在工具提示中显示单元格值？我决定在达到一定宽度后隐藏长文本(overflow-x:hidden;white-space:nowrap;)以保持干净的格式，我希望用户能够如果他们选择将鼠标悬停在给定单元格上，请查看全文。

datatable(df,
          class="compact",
          selection="none",
          rownames=F,
          colnames=NULL,
          options=list(dom="t",
                       pageLength=10
          ),
          escape=F)

Answer 1

这是使用新推出的插件省略号的解决方案。

library(DT) # version 0.5

dat <- data.frame(
  A = c("fnufnufroufrcnoonfrncacfnouafc", "fanunfrpn frnpncfrurnucfrnupfenc"),
  B = c("DZDOPCDNAL DKODKPODPOKKPODZKPO", "AZERTYUIOPQSDFGHJKLMWXCVBN")
)

datatable(
  dat, 
  plugins = "ellipsis",
  options = list(
    columnDefs = list(list(
      targets = c(1,2),
      render = JS("$.fn.dataTable.render.ellipsis( 17, false )")
    ))
  )
)

插件文档:https://datatables.net/plug-ins/dataRender/ellipsis