R Shiny DataTable横向滚动条粘连：如何隐藏横向滚动条？

解决方案 #

方法1：隐藏横向滚动条，保留横向滚动功能 #

在Shiny的UI部分加入以下自定义CSS代码，就能隐藏各主流浏览器的横向滚动条，但表格仍支持横向滚动（鼠标拖拽、键盘左右键都能用）：

tags$style(HTML("
  /* 隐藏Chrome、Safari等webkit内核浏览器的滚动条 */
  .dataTables_scrollBody::-webkit-scrollbar {
    display: none;
  }
  /* 隐藏IE、Edge的滚动条 */
  .dataTables_scrollBody {
    -ms-overflow-style: none;
    /* 隐藏Firefox的滚动条 */
    scrollbar-width: none;
  }
"))

方法2：保留滚动条，解决覆盖模态框的问题 #

如果不想隐藏滚动条，只想解决它出现在模态框上方的问题，同样通过调整CSS层级实现，让模态框的层级更高：

tags$style(HTML("
  .dataTables_scrollBody {
    z-index: 1;
  }
  .modal {
    z-index: 1050 !important;
  }
"))

内容的提问来源于stack exchange，提问作者Ekrem Bayar