ui-grid grid menu takes a column space as large as column header - ui-grid

Why does I'm getting a grid menu with a space the same as column header? It's supposed to be attached from the last column' content (space)
Look at this screenshots
image 1:
image 2:
It looks close but still takes space
This is the expected output from their website

This happens because you have different gridOptions. In your example you have enableFiltering: true and they have enableFiltering: false. With your configuration the input element below each header is visible and that's where the space comes from.
So, in order to fix this issue, either disable the filtering or write few lines of CSS.

Related

I want to export a pdf from a google spreadsheet without the empty cells making it bigger than it needs to

I have a spreadsheet created with importrange functions that pulls data from another file. The problem I'm facing is that when I try to print out the spreadsheet and save as pdf, the pdf includes all the cells I've set up to receive my data, the empty ones too, and I end up with a 4 page pdf with 3 empty pages.
I tried to put a filter() function in front of the importrange, so that if the importrange somehow imports null values and puts them in the empty cells making them no empty even though they look like it, that would do it, it didn't.
I've also read that google spreadsheet interpretes white background color as fill color, and to set it back to default background, and I did, but it didn't solve it.
I've removed the importrange functions at all to see if it was that that was doing it, it wasn't.
Finally, I've thought about formatting, because those cells are formatted with white borders, but I removed all custom borders and it still prints out all the cells.
To reiterate, I need to be able to do print > save as pdf and get a pdf that contains only the cells used, and I have an old spreadsheet that I'm improving upon that does exactly this (that is not made by me) and has very similar formatting, so I don't understand what's the issue here.
Here's one workaround:
Select the cells you want to include in your PDF
Click on "File" > "Download" > "PDF"
When the Print Settings/Export window appears, select "Selected cells" instead of "Current sheet" under "Export" in the top right corner
This screen capture shows the window in question.
Bois, I figured it out.
It's a pretty dumb thing, but I didn't know it.
The solution is absolutely no formatting of any kind, it's ok to have formulas that dont output anything, and custom text color for the cell, but all the cells must be separated and with default background color and default border color (AKA no border option).
What kept bugging me is the fact that my reference project had no cell borders and it had this loong table that never printed out if not necessary, and I assumed it had white borders, but it didn't.
Turns out the option to hide cell borders (VIEW > SHOW > GRID LINES) at all is connected to the spreadsheet itself, not the user, so if you disable it, everytime you open the file, from every account connected, it is not gonna show, so that's how they did it.

Angular UI-grid, how to tell what the next column in the scroll is

I have a ui grid that has 20 columns, and I would like to be able to tell what the next column will be as I scroll through the horizontal axis so that I can have some text that will tell the users what the names of all the columns they can't see are.
Anyone know if this is possible? As I watch the the inspector and scroll through the columns, I see html attributes changing.
---UPDATE 1----
This is what is all looks like (where it says "home #" is dynamic and will change to show the next column that is out of site)
Based on the ui-grid configuration that you use to render the grid, you already know the order of the columns. You can use this information together with the visible on each column added by the gird itself.
What you need to do is bind a event handler on scroll to iterate over the columns on each change and check the visibility of them. Then the first one with visible === false is the upcoming.
Here is a working Plunker where is used this flag.

How to get googlesheets to ignore blank rows in chart

I have a google sheet with multiple rows of data I am trying to put into a pie chart. The problem is that it reports on blank values as a separate category (not really blank though, they are set to "" as a result of a formula). Is there a way to suppress these blanks?
Since I had the same issue, here how to solve it (at least for line charts):
Double click on the chart so the Chart editor opens. In the tab Customize open Chart style and check the checkbox Plot null values.
Thats it, now empty lines / cells will be ignored and the line will be plotted to the next existing value.
It's best to not put "" in cells in the first place; the presence of such kind-of-empty-but-not-really cells leads to some issues that can be difficult to debug. To avoid such cells, don't use if(A1=1, 2, "") and similar; use if(A1=1, 2, ) instead, leaving the third argument truly blank.
But if you already have a range with some entries like that, you can use a formula like
=arrayformula(if(len(A1:B), A1:B, ))
to clean it up. This leaves most entries unchanged, except that "" will be replaced by blank cells.

ALV tooltip in a single cell of a row. Possible?

It is possible to put a tooltip on a single cell of my alv? I know that it is possible in a column by a field catalog, but what about single cell?
I have ALV with icon like that, which is called via cl_gui_alv_gridv
I want information about this item in tooltip when I hover mouse over this icon
The information on how to display a symbol with a tooltip is easily available if you google for "site:help.sap.com tooltip icon". Since you seem to be unable to find it, here is the actual link. Make the target field large enough (132 characters is a common size), then use the function ICON_CREATE.
If you don't want an icon to appear, you can use ICON_SPACE. And since the tooltip is contained in the value of each cell, of course it is possible to have different tooltips for different cells.

cxGrid expand row height to new line with enter

This is a little hard to explain so please bear with me. When I am editing a text field in one of the columns I would like to,when I hit enter, go to new line under the edited text so the grid basically expands.
Options-View-CellAutoHeight set to true expands the cell but editing is terrible.Cant
see a thing where the first line is,where it ends,etc...
Here is the grid:
I can not go after the last letter 'a' with my mouse cursor and hit enter so another line gets added. Which settings regulate this ? I know it can be done since I had a grid once and could do this.
EDIT: This requires no code just applied settings.
Just tested it with DevExpress VCL 13.2 and it can be easily done without coding (if I understood what you want to achieve).
Basically, you need to set following properties:
Assign a Memo to the Properties of your column and make sure its WantReturns property is set to true.
In your TableView set the OptionsView.CellAutoHeight property to true.
Also in your TableView, set the OptionsBehavior.EditAutoHeight to either eahEditor (editor is sized vertically to fit the content) or eahRow (the entire row is sized when editing) as needed.

Resources