Question

我尝试在DT :: datatable中搜索方法/选项以更改搜索框的默认宽度。可用的答案适用于HTML / CSS等，但我不确定如何将width = 200px或200％合并到选项= list（search = list（search =“”， width = 200px＃或width =“ 200％”不起作用。

DT::datatable(
  mtcars,options = list(dom="ft",search =list(search = 'Type here to search',
  width= "200%")))

有关DT中dom元素的任何指导将不胜感激。谢谢。

Answer 1

我们可以用here所示的两种方式设置RMarkdown的样式，然后我们可以使用不同的CSS选择器（例如，id，类名，甚至是 input ）来应用特定样式。这是一个直接在RMarkdown文件中包含CSS的解决方案。

---
title: "Untitled"
output:
  html_document: default
  pdf_document: default   
---
<style>
   h1.title{
        color:red;
   }

   .dataTables_wrapper  .dataTables_filter {
          width: 100%;
          float: none;
          text-align: center; 
          //align the Search box to center. left and right also valid 
   }

   input[type="search"] {
        height: 28px;
        width: 300px;
        margin: 0;
        padding: 0;
        font-size: 10px;
        border: 1px solid #CCCCCC;
  } 

</style>



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

## R Markdown
```{r cars}
library(DT)
#summary(cars)
DT::datatable(
mtcars,options = list(dom="ft",search =list(search = 'Type here to search')))
```

Answer 2

对我唯一有用的是CSS。

$(document).ready(function(){

$('#datatable-buttons_filter').css({"position":"relative","left":"-100px"});
});

在Rmarkdown中更改DT :: datatable中搜索框的默认大小

2 个答案: