R 闪亮的数据表过滤器盒
我已经创建了一个表,看起来像截图。 我如何添加一个类似excel的筛选按钮,以便选择列表中的多个特定项 代码如下:R 闪亮的数据表过滤器盒,r,shiny,shinydashboard,dt,R,Shiny,Shinydashboard,Dt,我已经创建了一个表,看起来像截图。 我如何添加一个类似excel的筛选按钮,以便选择列表中的多个特定项 代码如下: DT::datatable(current_list, rownames = FALSE, filter = 'top', options = list(pageLength = 50,lengthChange = FALSE,autoWidth = FALSE,escape=FALSE, s
DT::datatable(current_list,
rownames = FALSE,
filter = 'top',
options = list(pageLength = 50,lengthChange = FALSE,autoWidth = FALSE,escape=FALSE, searching = TRUE,
columnDefs = list(list(className = 'dt-center', targets = 0:1),
list(width = '30px', targets = 0:0),
list(width = '270px', targets = 1:1)
)
)
)
库(DT)
dat这是一种在页脚中获取此类下拉列表的方法:但这仅适用于单个选择。对于多个选择:这似乎可行,但布局很糟糕,不便于用户使用。难道没有更好的办法吗?
library(DT)
dat <- iris
sketch <- htmltools::tags$table(
tableHeader(c("",names(dat))),
tableFooter(rep("", 1+ncol(dat)))
)
js <- c(
"function(){",
" this.api().columns().every(function(){",
" var column = this;",
" var select = $('<select multiple=\"multiple\"><option value=\"\"></option></select>')",
" .appendTo( $(column.footer()).empty() )",
" .on('change', function(){",
" var vals = $('option:selected', this).map(function(index,element){",
" return $.fn.dataTable.util.escapeRegex($(element).val());",
" }).toArray().join('|');",
" column.search(vals.length > 0 ? '^('+vals+')$' : '', true, false).draw();",
" });",
" column.data().unique().sort().each(function(d,j){",
" select.append('<option value=\"'+d+'\">'+d+'</option>')",
" });",
" });",
"}")
datatable(dat, container=sketch,
options = list(
initComplete = JS(js)
)
)
js <- c(
"function(){",
" this.api().columns().every(function(i){",
" var column = this;",
" var select = $('<select multiple=\"multiple\"><option value=\"\"></option></select>')",
" .appendTo( $(column.footer()).empty() )",
" .on('change', function(){",
" var vals = $('option:selected', this).map(function(index,element){",
" return $.fn.dataTable.util.escapeRegex($(element).val());",
" }).toArray().join('|');",
" column.search(vals.length > 0 ? '^('+vals+')$' : '', true, false).draw();",
" });",
" var data = column.data();",
" if(i == 0){",
" data.each(function(d,j){",
" select.append('<option value=\"'+d+'\">'+d+'</option>');",
" });",
" }else{",
" data.unique().sort().each(function(d,j){",
" select.append('<option value=\"'+d+'\">'+d+'</option>');",
" });",
" }",
" });",
"}")