Display summation of columns in the footer of jqxgrid - jqxgrid

I need to display a footer row at the very bottom of the Jqxgrid, in which sum of the columns in the grid should get dynamically calculated as and when the values of the columns are getting in the grid.
I am using a Keyboard Navigation Jqxgrid which is being present in the following link 'http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/index.htm#demos/jqxgrid/rowdetails.htm'. I checked out the API references for the same to try out this, but dint get any fruitful results.

Here's a sample with Grid Aggregates: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/aggregates.htm?classic

Related

Dynamically update a Bar Chart by user selecting checkboxes in Google Sheets

I have a horizontal bar chart where one of the bars on the chart needs to be dynamic based on a user selection of checkboxes in a google sheet. I can get this to work with one checkbox "=IF(C5=TRUE,D5+100,100)" but not sure how to get to work when multiple check boxes are selected.
enter image description here
I have a "Base UPH" of 100 and just need to add the values in the "Multiplier" column if the checkbox(s) are TRUE. The idea is that the user could select one or all of the checkboxes and see how the "C-Dynamic" would be improved.
Any tips, much appreciated Thanks!
Able to get to work, but only for a single checkbox with this formula: =IF(C5=TRUE,D5+100,100)
You could do it with SUMIF, like this:
=100+SUMIF(C5:C8,TRUE,D5:D8)

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.

Formula missing when Adding Rows in Google Sheets

I have made a simple formula, based on cells in the same row, to indicate to the user that they have entered enough information - and it works as needed .
=IF(AND(ISTEXT(B20),ISNUMBER(C20),ISNUMBER(E20),ISTEXT(F20)),"Ok",IF(AND(ISBLANK(B20),ISBLANK(C20),ISBLANK(D20),ISBLANK(E20),ISBLANK(F20)),"","MORE INFO"))
However, when I click the built in "add more rows" button at the bottom of the sheet the formula is not present in the new cell - but any dropdown menu or validation I've used in the cells not containing the formula are present in the respective added cells of the new row. Any Ideas why just the formula is missing ? Thanks.
Thanks to GimelG at Google Docs Forum..........
When you add additional rows, Sheets assumes you want to continue the same dataset and, therefore, applies the existing formatting as well as Data Validation. It does not, however, copy formulas automatically as that would be adding actual new data to your sheet.
You can use an ArrayFormula version of your formula to populate the entire column, which it would continue to do as you'll add more rows of data. Assuming your data starts at row 2 (below the header), try this:
=arrayformula(if(istext(B2:B)*n(C2:C)*n(E2:E)*istext(F2:F),"Ok",if(len(B2:B)+len(C2:C)+len(D2:D)+len(E2:E)+len(F2:F),"MORE INFO",)))

Highstock table data: navigable with the range selector and the navigator - scrollbar

Anyone had created a table view, not creating a chart from a table, but a pure table grid view using the highstock library?
I need to be able to navigate in time (table grid get updated dynamically, like chart does) using the navigator-scroll-bar and range selector. Basically just replace the chart by a pure HTML table grid of data.
It needs to be done with highstock chart, probably not highchart library, coz I am looking for time navigation component to update the table accordingly to new time range changes...
I guess this could be achieved with callbacks on the navigator and range selector?
You need to catch afterSetExtremes, get all visible serie's data from chart.series (between min/max values which limit range) and return table in defined i.e div.

Can I freeze the header row of a fusion table

I've got data from 50 states that I'd like to display in the table format (I've also got it mapped) but the table height is so large that you can't scroll down without losing the header row. Since there's 13 columns with yes/no information, once you lose sight of that row it becomes difficult to understand what you're reading.
I would love to be able to freeze the header row so that data below it can scroll (in both x and y axes). I thought about using an image on top of the table but that doesn't work when the table is wider than the body block.
Here's the table.
You'll note I'm having trouble with column width too, as I can't get that last column to stretch out.
Also, my backup plan is to allow users to simply download the table, but I can't figure out how to set the link to download the table.
Thanks in advance for any help!
Embedded tables use the Google Charts table visualization, which supports a fixed header if you set the height. See the configuration options for details.

Resources