Datatable rendering outside box in Shiny Dashboard

[Iain Wallace]

Hi all,

I don't have a reproducible example at the moment, but I was wondering if anybody else had seen this behavior before?

I have a simple Shiny Dashboard page that displays one datatable and if I change the number of rows displayed from 10 to 100 the datatable will display outside of the box.

Occasionally, I have seen this in other more complicated apps that I am developing where a datatable is populated based on a selection on a different table.

Thanks

Iain

[Yihui Xie]

You can probably use the scrollY option to restrict the height of the
table: http://datatables.net/reference/option/scrollY e.g.
DT::datatable(..., options = list(scrollY = '300px'))

Regards,
Yihui

[Iain Wallace]

Thanks Yihui.

The ScrollY option does fix  the issue but it actually causes an issue with the column filters. This might be related to this issue https://github.com/rstudio/DT/issues/41

Interesting, this issue does not happen when I don't use the shiny dashboard and instead use the default shiny page. This box issue might be related to this issue https://github.com/rstudio/shinydashboard/issues/67

Thanks again,

Iain

[Yihui Xie]

Oh, that is right. Perhaps you can wrap the table in a div(..., style
= "overflow-y: auto; height: 300px") like I said in the issue #41.

Regards,
Yihui

[Iain Wallace]

Thanks!

Wrapping it in the div works perfectly