On a slide created using pptxgenJS, the dynamic tables are overflowing to the right. I used autoPage: true and it does not seem to add the newly created tables to the next slide. Instead the tables are getting added to the right out of slide margin. Please help..
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?
I am creating a table where I need to freeze some cell while keeping the other cell scrollable. The table must be responsive to screen size that is why I need to make some cell scrollable.
Based on the picture above, I want to keep the blue area floating/or freeze while the red area scrollable.
How is this possible in google app maker?
First of all, this widget that you refer to as a table in your sample screen is actually a composite widget where it combines several basic widgets like the list, horizontal panel, and pager.
There is another table widget under charts, called Table chart, that can be used to present your data in rows and columns. But if you are looking for a property that can achieve this UI effect, then I'm afraid AppMaker does not support this yet.
If you are really keen to make this work, I would suggest that you combine two table widgets that inherit the same data source then wrap them SIDE-BY-SIDE in a horizontal panel. The left side will only contain columns that you want to freeze while the right size will have the rest of the column that can be scrollable.
Make sure to set the height of both tables to auto-grow based on the content (Fit to content). This will give the effect that the two tables are merged when doing vertical scrolling.
I have here a sample implementation as I described above. I gave a background to the main container to better understand the concept. I also added a small gap to show that I used two table widgets.
Here is the set-up in editor view (screen-shot)
See it in action here (video)
i have two gridview in two different tr and td,i want to display one of them by setting visibility true or false but when i run it though only one is visible but the position of gridview remains static as it should be placed on the top which is not happening.Help me out
Is there any reason you use a table to show these grids? If I have understood you correctly, you need the bottom grid to take the space above, if the top grid is not visible. I strongly recommend not to use a table for this, but relative positioned divs. If you MUST use a table, use javascript to resize your top row, when needed.
I want to create fixed szie page, without common scrollbar. Scrollbars have only two div's, where content content goes beyond of div (contend data and sidebar listing area) as on picture. I alreay did it without bs3, and use javascript (for calculate new offsets on page resize).
http://i.imgur.com/4kesDk7.jpg
Today I tried to create fixed size template with Bootrstrap3, but i can't do it. It's possible to do using bs3? Anybody can show how it is done?
I tried modify this code http://www.bootply.com/0FG70wcT3B. I do left and right headers.
To share the files I have created a project on github repo link: https://github.com/shantanookirtane/dataTablesFixedColumns.git
This repository has index.html where the table gets loaded under the DOM structure similar to what is getting created when I run my application. The repo has all necessary css and js files.
I have add the exact issue description in README.md file on github for this project, pasting the same here again.
Datatable version: 1.9.1
Datatable Fixed column version: 3.0.2
Issue with DataTables Fixed columns
The issue here is that even though the scroll bar is appearing the left column is not fixed, so when you move the scroll bar everything moves.
Also if you click on the first TH element in table i.e. (ServerName) the table horizontally expands and contradicts. during this process if you notice carefully the scroll bar get applied to first the outer div with class=tab-content and then to div with class dataTables_scrollBody
I am looking for a solution here so that I can use the Datatable Fixed column plugin successfully
Update
So now I have updated the datatables v to 1.10 and pushed the code to the same location in gitlab. Although now the fixedColumns pluging is working but not smoothly.
Following are the issues which I am facing now:
The table gets rendered into DIV with vertical and horizontal scroll bar which does not look good.
Now if you click on first TH element in the table i.e. left most top corner cell the vertical scroll bar vanishes and table appears properly. but the FixedColumn is NOT yet started working.
Now if you lose focus from this table and if you come back you will notice that the FixedColumns plugin started working smoothly.