在R Shiny中为嵌套数据表添加其他按钮

如何解决在R Shiny中为嵌套数据表添加其他按钮

是否可以在嵌套数据表的父行和子行中添加其他操作按钮?我尝试通过JS和Shiny面添加按钮,但似乎不起作用。有什么建议?大多数代码都是从这篇文章中借来的:Matching Parent/Child data up in a DataTable in R Shiny app谢谢

    library(data.table)
    library(DT)
    library(purrr)
    library(shiny)
    library(dplyr)
    library(foreach)
    library(data.table)
    library(tidyverse)
    
    df <- data.frame("Gene.5" = c("PDE1A","SLC45A3","TARBP1","CUL4A","CUL4A"),"Junction.5" = c("chr2:182198385:-","chr1:205680393:-","chr1:234420701:-","chr13:113245060:+","chr13:113245060:+"),"Gene.3" = c("ELK4","ETV2","CEACAM1","chr13_q32.3","chr13_q32.3"),"Junction.3" = c("chr1:205623892:-","chr19:35642433:+","chr19:35642614:+","chr19:35642964:+","chr19:42522203:-","chr13:100068494:-","chr13:100069868:-"),"breakpoints" = c("1","5","2","3","3"),"primary" = c("p","p","s","s")
    )
    head(df)
    gene_list <- c("SLC45A3","CUL4A")
    
    df$V4=(
        df$Gene.5 %in% gene_list |
            df$Gene.3 %in% gene_list
    )
    print(df)
    par <- subset(df,df$primary == 'p')
    ch <- df
    
    all <-rbind(par,ch) #rbind the columns
    ch_only_df <- all[!duplicated(all,fromLast = FALSE)&!duplicated(all,fromLast = TRUE),] 
    print(ch_only_df)
    children_list<-list()
    for (row in 1:nrow(par)) {
        g5 <- paste(par[row,"Gene.5"])
        print(g5)
        g3 <- paste(par[row,"Gene.3"])
        tdf <- subset(ch_only_df,ch_only_df$Gene.5 == g5 & ch_only_df$Gene.3 == g3)
        if (nrow(tdf)<1){
            children_list[[row]] <- data.frame(NULL)
        }else{
            children_list[[row]] <- tdf
        }
    }
    children_list
    NestedData <- function(dat,children){
        stopifnot(length(children) == nrow(dat))
        g <- function(d){
            if(is.data.frame(d)){
                purrr::transpose(d)
            }else{
                purrr::transpose(NestedData(d[[1]],children = d$children))
            }
        }
        subdats <- lapply(children,g)
        oplus <- sapply(subdats,function(x) if(length(x)) "&oplus;" else "")
        cbind(" " = oplus,dat,"_details" = I(subdats),stringsAsFactors = FALSE)
    }
    
    rowNames <- FALSE
    colIdx <- as.integer(rowNames)
    
   
    ui <- fluidPage(# Application title
        titlePanel("Example"),checkboxInput("unroll",label = "Panel Genes",value = FALSE),tags$hr(),mainPanel(DTOutput("my_table"))
    )
    
    server <- function(input,output) {
       
        market_mix_table <- reactive({
            Dat <- NestedData(
                dat = par,children = children_list
            )
            if (!input$unroll) {
                Dat
            } else {
                Dat <- subset(Dat,Dat$V4 == TRUE)
            }
            return(Dat)
        })
 ## make the callback
    parentRows <- which(Dat[,1] != "")
    callback = JS(
        sprintf("var parentRows = [%s];",toString(parentRows-1)),sprintf("var j0 = %d;",colIdx),"var nrows = table.rows().count();","for(var i=0; i < nrows; ++i){","  if(parentRows.indexOf(i) > -1){","    table.cell(i,j0).nodes().to$().css({cursor: 'pointer'});","  }else{",j0).nodes().to$().removeClass('details-control');","  }","}","","// make the table header of the nested table","var format = function(d,childId){","  if(d != null){","    var html = ","      '<table class=\"display compact hover\" ' + ","      'style=\"padding-left: 30px;\" id=\"' + childId + '\"><thead><tr>';","    for(var key in d[d.length-1][0]){","      html += '<th>' + key + '</th>';","    }","    html += '</tr></thead></table>'","    return html;","  } else {","    return '';","};","// row callback to style the rows of the child tables","var rowCallback = function(row,displayNum,index){","  if($(row).hasClass('odd')){","    $(row).css('background-color','##DDDDDD');","    $(row).hover(function(){","     $(this).css('background-color','#DDDDDD');","    },function() {","      $(this).css('background-color',"    });",'#EAF2F8');","// header callback to style the header of the child tables","var headerCallback = function(thead,data,start,end,display){","  $('th',thead).css({","    'border-top': '3px solid indigo',","    'color': '#00274c',"    'background-color': '##DDDDDD'","  });","// make the datatable","var format_datatable = function(d,"  var dataset = [];","  var n = d.length - 1;","  for(var i = 0; i < d[n].length; i++){","    var datarow = $.map(d[n][i],function (value,index) {","      return [value];","    dataset.push(datarow);","  var id = 'table#' + childId;","  if (Object.keys(d[n][0]).indexOf('_details') === -1) {","    var subtable = $(id).DataTable({","                 'data': dataset,"                 'autoWidth': true,"                 'deferRender': true,"                 'info': false,"                 'lengthChange': false,"                 'ordering': d[n].length > 1,"                 'order': [],"                 'paging': false,"                 'scrollX': false,"                 'scrollY': false,"                 'searching': false,"                 'sortClasses': false,"                 'rowCallback': rowCallback,"                 'headerCallback': headerCallback,"                 'columnDefs': [{targets: '_all',className: 'dt-center'}]","               });","            'data': dataset,"            'autoWidth': true,"            'deferRender': true,"            'info': false,"            'lengthChange': false,"            'ordering': d[n].length > 1,"            'order': [],"            'paging': false,"            'scrollX': false,"            'scrollY': false,"            'searching': false,"            'sortClasses': false,"            'rowCallback': rowCallback,"            'headerCallback': headerCallback,"            'columnDefs': [","              {targets: -1,visible: false},"              {targets: 0,orderable: false,className: 'details-control'},"              {targets: '_all',className: 'dt-center'}","             ]","          }).column(0).nodes().to$().css({cursor: 'pointer'});","// display the child table on click","table.on('click','td.details-control',function(){","  var tbl = $(this).closest('table'),"      tblId = tbl.attr('id'),"      td = $(this),"      row = $(tbl).DataTable().row(td.closest('tr')),"      rowIdx = row.index();","  if(row.child.isShown()){","    row.child.hide();","    td.html('&oplus;');","    var childId = tblId + '-child-' + rowIdx;","    row.child(format(row.data(),childId)).show();","    td.html('&CircleMinus;');","    format_datatable(row.data(),childId);","});")
    
        output$my_table <- DT::renderDT({
            Dat <- market_mix_table()
            datatable(
                Dat,callback = callback,rownames = rowNames,escape = -colIdx-1,options = list(
                               columnDefs = list(
                                   list(visible = FALSE,targets = ncol(Dat)-1+colIdx),list(orderable = FALSE,className = 'details-control',targets = colIdx)
                                   
                               )
                )
            )
        })
    }
    
    # Run the application
    shinyApp(ui = ui,server = server)

解决方法

dat0   = iris[1:3,]        # main table,with three rows
dat01  = airquality[1:4,]  # |- child of first row
dat02  = cars[1:2,]        # |- child of second row,with two rows
dat021 = mtcars[1:3,]      # |  |- child of first row of dat02
dat022 = PlantGrowth[1:4,] # |  |- child of second row of dat02
dat03  = data.frame(NULL)  # |- third row has no child

# add buttons
dat01 <- cbind(
  dat01,"Click me" = as.character(htmltools::tags$button("Click me")),stringsAsFactors = FALSE
)

Dat <- NestedData(
  dat = dat0,children = list(
    dat01,list(  
      dat02,children = list(
        dat021,dat022
      )
    ),dat03 
  )
)

enter image description here

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


使用本地python环境可以成功执行 import pandas as pd import matplotlib.pyplot as plt # 设置字体 plt.rcParams[&#39;font.sans-serif&#39;] = [&#39;SimHei&#39;] # 能正确显示负号 p
错误1:Request method ‘DELETE‘ not supported 错误还原:controller层有一个接口,访问该接口时报错:Request method ‘DELETE‘ not supported 错误原因:没有接收到前端传入的参数,修改为如下 参考 错误2:cannot r
错误1:启动docker镜像时报错:Error response from daemon: driver failed programming external connectivity on endpoint quirky_allen 解决方法:重启docker -&gt; systemctl r
错误1:private field ‘xxx‘ is never assigned 按Altʾnter快捷键,选择第2项 参考:https://blog.csdn.net/shi_hong_fei_hei/article/details/88814070 错误2:启动时报错,不能找到主启动类 #
报错如下,通过源不能下载,最后警告pip需升级版本 Requirement already satisfied: pip in c:\users\ychen\appdata\local\programs\python\python310\lib\site-packages (22.0.4) Coll
错误1:maven打包报错 错误还原:使用maven打包项目时报错如下 [ERROR] Failed to execute goal org.apache.maven.plugins:maven-resources-plugin:3.2.0:resources (default-resources)
错误1:服务调用时报错 服务消费者模块assess通过openFeign调用服务提供者模块hires 如下为服务提供者模块hires的控制层接口 @RestController @RequestMapping(&quot;/hires&quot;) public class FeignControl
错误1:运行项目后报如下错误 解决方案 报错2:Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.8.1:compile (default-compile) on project sb 解决方案:在pom.
参考 错误原因 过滤器或拦截器在生效时,redisTemplate还没有注入 解决方案:在注入容器时就生效 @Component //项目运行时就注入Spring容器 public class RedisBean { @Resource private RedisTemplate&lt;String
使用vite构建项目报错 C:\Users\ychen\work&gt;npm init @vitejs/app @vitejs/create-app is deprecated, use npm init vite instead C:\Users\ychen\AppData\Local\npm-
参考1 参考2 解决方案 # 点击安装源 协议选择 http:// 路径填写 mirrors.aliyun.com/centos/8.3.2011/BaseOS/x86_64/os URL类型 软件库URL 其他路径 # 版本 7 mirrors.aliyun.com/centos/7/os/x86
报错1 [root@slave1 data_mocker]# kafka-console-consumer.sh --bootstrap-server slave1:9092 --topic topic_db [2023-12-19 18:31:12,770] WARN [Consumer clie
错误1 # 重写数据 hive (edu)&gt; insert overwrite table dwd_trade_cart_add_inc &gt; select data.id, &gt; data.user_id, &gt; data.course_id, &gt; date_format(
错误1 hive (edu)&gt; insert into huanhuan values(1,&#39;haoge&#39;); Query ID = root_20240110071417_fe1517ad-3607-41f4-bdcf-d00b98ac443e Total jobs = 1
报错1:执行到如下就不执行了,没有显示Successfully registered new MBean. [root@slave1 bin]# /usr/local/software/flume-1.9.0/bin/flume-ng agent -n a1 -c /usr/local/softwa
虚拟及没有启动任何服务器查看jps会显示jps,如果没有显示任何东西 [root@slave2 ~]# jps 9647 Jps 解决方案 # 进入/tmp查看 [root@slave1 dfs]# cd /tmp [root@slave1 tmp]# ll 总用量 48 drwxr-xr-x. 2
报错1 hive&gt; show databases; OK Failed with exception java.io.IOException:java.lang.RuntimeException: Error in configuring object Time taken: 0.474 se
报错1 [root@localhost ~]# vim -bash: vim: 未找到命令 安装vim yum -y install vim* # 查看是否安装成功 [root@hadoop01 hadoop]# rpm -qa |grep vim vim-X11-7.4.629-8.el7_9.x
修改hadoop配置 vi /usr/local/software/hadoop-2.9.2/etc/hadoop/yarn-site.xml # 添加如下 &lt;configuration&gt; &lt;property&gt; &lt;name&gt;yarn.nodemanager.res