I'm working on a shiny flexdashboard, and one of the elements is a datatable with a lot of columns. Currently the columns are so many that they exceed the width of the app.
Instead of adding a scroll bar I would prefer to simply reduce the font used in datatable so that each column will be smaller.
Is this possible?
Found the answer.
Needed to wrap renderDataTable in a div.
div(renderDataTable(table()),style = "font-size:80%)
Related
I am making a virtualized table using react-table and react-window. Without using virtualization, the columns in the table are displayed evenly, the total width is normally calculated and so on. But with virtualized list I can't get the same result. Does anyone have any experience using these libraries in this case?
With virtualizarion
With normal table
Yes, I had the exact same problem, ended up using CSS to customize each width on each column in the header and then on the rows.
I am using flex dashboard in my markdown document. First row of my page are value boxes. Is there a way I can resize and change the fonts of value boxes without implementing Shiny. I tried with ## row {data-width=10} but it does not seems to be working.
I'm building a shiny app with multiple user inputs. One of these inputs is a checkboxGroupInput(), with inline=TRUE. However, given that there are 5 checkboxes, the boxes flow over to the next line. I have tried to resize the text and boxes, however all other aspects / margins do not scale accordingly (obviously).
Hence, best would be to rescale the whole container. Understand that the class of the container is:
class = form-group shiny-input-container.
Unclear though as how to resize the container for the checkBoxes specifically. Here is the code for the checkboxGroupInput:
checkboxGroupInput('EQUITY_show_vars',
'Equity:',
ETF_Names[1:5],
selected = ETF_Names[1:4],inline=TRUE),
Thanks in advance
I'm trying to create a BIRT report. The code and query side of it works just fine, but the display is rather wonky.
There's one column whose text contents are rather long, and instead of showing some text and allowing scrolling of the text (which is the behavior I'd like there), it simply shows up as a very vertically long text block; kinda ruins the report a bit. I've also tried setting the width on the column, but no dice there either. Any ideas?
Also, as an aside, how do I get the table's columns to have grid lines? I can do that on the rows, but I can't seem to figure out how to do that for the columns. If anyone has insight into that issue, it'd be appreciated.
Here's a screenshot of the issue
Here's my BIRT report XML, without headers and footers in order reduce characters
I think there is no way to use a scrollable view element inside your report, because the output by the default html-emitter is completely static (I would like to see a different answer if this should be wrong).
To your second Question about how to add a border to a column. Click into the cell of your table, click on "Border" inside the "Properties Editor" and select the borders you like to use. This should be repreated for all cells where you want to use the borders, because this configuration is not applied for a whole column but just for one cell. If you want a border for the whole column you need to setup the border for every cell in the column.
If you have already a data cell inside your table cell, you can use the outline view to select the table cell instead of the data cell:
When I use a datatable and start shrinking my browser window, the datatable has a weird behavior. The center part (where the data is), doesn't shrink but the paginator does.
Here are some pics about the problem.
Thanks in advance.
It's because it can't break up the titles in your table header. If you would place spaces in between instead of using capital letters, it would break the title up and divide it over multiple lines.
If you don't have access to the table header's name (or the ability to change it), take a look at the word-wrap-property in CSS.