如何在 DT::datatable 中禁用 scrollX

Question

I have a table that I render using DT::datatable . I would like to have a Y scrolling but no X scrolling, and no wraping of long lines either. I found the Scroller extension but I cannot disable X scroll .

example:

---
title: "dt_render"
output: html_document
---

```{r render dt, echo = FALSE, message = FALSE}
library(DT)
DF = data.frame(x = 1:100, y = rep("a really really really really really really really really really really really really really really really really really really really really really really really long line", 100))
datatable(
  DF, 
  extensions = c('Buttons', 'Scroller'), 
  options = list(
    dom = 'Bfrtip',
    buttons = c('colvis','csv'),
    deferRender = TRUE,
    scrollY = 200,
    scroller = TRUE,
    scrollX = FALSE
  ),
  class = 'display compact nowrap'
)

```

output:

Answer 1

The following solves it.

I am not happy with the width = 1000 that seems bad, is there something better ?

---
title: "dt_render"
output: html_document
css: styles.css
---

```{r render dt, echo = FALSE, message = FALSE}
library(DT)
DF = data.frame(x = 1:100, y = rep("a really really really really really really really really really really really really really really really really really really really really really really really long line", 100))
datatable(
  DF, 
  extensions = c('Buttons', 'Scroller', 'KeyTable'), 
  width = 1000,
  options = list(
    dom = 'Bfrtip',
    buttons = c('colvis','csv'),
    scrollY = 200,
    scroller = TRUE,
    keys = TRUE    
  ),
  class = 'display compact nowrap'
)

```

with in the css file

.dataTables_scrollBody
{
 overflow-x:hidden !important;
 overflow-y:auto !important;
}

output:

Answer 2

Here is what worked for me:

In the css file (or in the datatables.css lines of Scroller extension):

1. to disable the x scrolling, I added:

    .dataTables_scrollBody{ overflow-x:hidden !important; overflow-y:auto !important; }

2. to disable the wraping of long lines, I commented the lines:

    /* div.dts tbody th,div.dts tbody td{ white-space:nowrap } */