I am creating a flexdashboard for a project. I have valuebox in the first row. Second row has a table and 3rd row has an interactive plot.
Problem Statement: The table has about 20ish columns. I want a horizontal scroll bar on the Datatable. When I try to use the horizontal scroll bar which is on the entire page, the table looks distorted as shown in the picture. I want all the three boxes to have same width and have a horizontal scroll bar on the second row.
Secondly, I want the table to fit the entire box.
Code:
R Markdown file can be downloaded from the link below:
https://drive.google.com/file/d/1IY43xY_Cuu662e78cDyV0L5Zkg9ef0QV/view?usp=sharing
Related
New to Xaringan and StackOverflow. Had a hard time figuring out how to create tabs (panels) on slides given the info available in the instructions. But, I have it working. However, there is a ] below the title on every Panel slide. Why? This seems to be causing my text to go off the bottom of the slide. I think if I could remove it, then the slides would shift upwards and there would be enough space for my content to fit on the slide.
I have tried removing various ] brackets, but depending on which one I remove, it either removes panels and overlaps all of the content on one slide with the tables and graphs or it deletes the panel and all the content from the panel.
At first, I was unable to make more than one slides with panels. The first slide worked perfectly fine and did not have the random ] at the top of it. But the second slide would not create panels. It just threw all of the content overlapping on one slide. I was able to create two slides with panels when I found
div solution
here
, but that is when the issue with the ] started appearing. The ] is not part of the content.
In reality, there are 4 tabs per slide in roughly the following format:
Tab 1: content and image
Tab 2: R code reactable table
Tab 3: conent and imate
Tab 4: R code ggplot2 plotly interactive graph
I expect one slide with 4 tabs that can be clicked on, but without the extra space or extra characters between the title and the tabs.
EDIT
I put my code here, but someone changed it and it no longer reflected what I had written. I deleted it because it was no longer my code. I also found something in the source code. There is clearly a ] in the source code. How do I find that file and remove it from the source code?
what I have right now
I am trying to display the first six observations of my data set, but since I have 79 variables the columns don't fit all in one line. I managed to add a horizontal scroll bar using the DT library (so now the output chunk is a table where the columns appear all on one line). The problem is that I now have also a vertical scroll bar which I don't want: as you can see in the image one needs to scroll down also to see all six observations. Is there a way to display the six rows and scroll to the right to see the 79 variables? i.e. can I keep only the horizontal scroll bar and remove the vertical?
edit: I solved it like this
I have a row tabset and each tab contains a chart and a data table. However my data table keeps getting cut off. Is there some way to make the tabset height responsive so that my data table doesn't get cut off all the time?
See chart and data table cut off here:
I know I could add a scrollbar using css but I don't exactly want that. I want my chart and data to show completely.
Maybe it would be a solution to output your plots (if I see it correctly they are created with ggplot) with plottly.
library(plotly)
ggplotly(your_plot)
I have a table with a varying number of rows and columns and I'd want to adjust the size of the table so that there is no extra white space.
What I've tried to do is:
myTable.setSizeAdjustPolicy(QtWidgets.QAbstractScrollArea.AdjustToContentsOnFirstShow)
This works well but if the window is fixed or there are too many rows to show. Then suddenly there will be scrollbars that appear and block the view of some of the table data. I would want the scrollbars to be to the side of the table and not on top it.
In my JSF application I need to have hx:datatableEx table component with horizontal scroll bar.
Why it's required:
Row text must not wrap into next line.(Must be displayed in single line).
If text in the row grows more than table column size or table size, then add a scroll bar to the table for rendering complete text instead of hiding overflown text.
Following Image describes the same problem.
In picture you can see the vertical scroll bar because datatable height exceeds.
You can also see how text of the attribute Details column(Last column) is hiding when text is more than table or column width with no horizontal scroll bar to view the hidden text.
Please help me to get it done.
Thank you
Nagesh.N