Shiny: Merge cells in DT::datatable

Question

I would like to merge few rows in column in DT::datatable in shiny. Is it possible to do so?

Currently I am able to output which looks something like this:

But ideally I would like to merge the rows and want to output something like this:

Is it possible to merge rows like this in DT::datatable?

According to @yihue you cannot merge cells in datatables: github.com/rstudio/DT/issues/346 — Carl

Stéphane Laurent Stéphane Laurent · Accepted Answer · 2019-06-06T16:06:14

It is possible with the help of the datatables-rowsgroup library. Here is an example:

library(shiny)
library(DT)

dat <- iris[c(1,2,3,51,52,53,101,102,103), c(5,1,2,3,4)]

ui <- fluidPage(
  DTOutput("table")
)

server <- function(input, output){
  output[["table"]] <- renderDT({
    dtable <- datatable(dat, rownames = FALSE, 
                        options = list(
                          rowsGroup = list(0) # merge cells of column 1
                        ))
    path <- "U:/Data/shiny/DT/www" # folder containing dataTables.rowsGroup.js
    dep <- htmltools::htmlDependency(
      "RowsGroup", "2.0.0", 
      path, script = "dataTables.rowsGroup.js")
    dtable$dependencies <- c(dtable$dependencies, list(dep))
    dtable
  })
}

shinyApp(ui, server)

Shiny: Merge cells in DT::datatable

2 Answers