Inspired by this example https://blog.ag-grid.com/column-drill-down-using-master-detail-ag-grid/ I tried to use the Master-Detail feature in the grid that uses grouping (react implementation).
The expected behavior is to have the ability to use Master/Detail where the user be able to click on the number cell of the lowest row in the table (the row that is not a group, with actual data) and display details in Master/Detail component.
But it seems impossible to use Master/Detail with grouping because it overlaps the grouping logic, the example is here https://plnkr.co/edit/hudNcOyseMueFwIR?preview.
The AG Grid documentation noted that The Master / Detail feature organizes the grid in a way that overlaps with other features. For this reason, Master / Detail does not work with certain grid configurations. These configurations are as follows: Tree Data, Layouts, Range selection. But there is nothing about restrictions with the grouping feature (via property rowGroup for colDef).
So how I can use Master/Detail in the described case? if it is possible... The main goal is to implement in React the provided example from the AG Grid site but with a grouping feature.
Related
I am trying to use Grid that is specified in the following
https://www.syncfusion.com/products/essential-js2
I can see there are attributes like [allowSorting],[allowFiltering],[allowGrouping] to achieve sorting,filtering, grouping etc. But how can I make the grid editable?
Following are the functionalities that I am looking for - edit existing row, add new row, delete new row.
Currently Essential JS 2 Grid component doesn’t have Editing feature. This is considered as a feature request and working on this with high priority. This feature will be available in our upcoming releases.
I have a dashboard with three displayed parameters:
Time range (Last month, This month, Last 30 days, ..., custom interval)
From (the begin date of the interval)
To (ending date of interval)
My point is that I want to display "From" and "To" parameters only in case when "Time range" parameter is equal to "Custom interval".
Otherwise, i want to hide them, or make them impossible to edit.
Could you help me with this please ?
Thanks.
There are a handful of techniques for selectively hiding components on a dashboard, informally called "sheet swapping".
One simple approach is to place a floating worksheet in a layer above the components you wish to hide -- and make that worksheet have filters based on calculated fields that lead to zero rows or columns being displayed when you wish to show the components below. Then if you hide the title on the worksheet, it will display as zero pixels high or as its complete height depending on the parameter settings.
Here is an example of that approach https://public.tableau.com/en-us/s/gallery/music-uk
Another form of sheet swapping that gives you a little more flexibility is to place the components that wish to selectively display inside a layout container along with a component whose size depends on the parameter setting. Then you can adjust the "fit" options for the worksheets and where and how you place the layout container to make the optional controls slide in and out of the dashboard, or slide beneath or out from under a floating component.
Joshua Milligan published a workbook demonstrating some of these techniques http://public.tableau.com/views/SheetSwappingonSteroids/PracticalExample and he also describes them in his (highly recommended) book Learning Tableau 10
Robert Rouse also published a blog entry showing some fancier sheet swapping techniques https://www.tableau.com/about/blog/2016/1/how-create-collapsible-menu-container-tableau-48610
Note, sheet swapping puts a bit of unnecessary load on the Tableau server if overdone (computing layout positions for views that won't be displayed anyway).
If you don't mind a bit of coding, another option is to embed your visualizations within an HTML page of your own design. Then you can use all the power of HTML and CSS to style parts of your UI - including hiding and showing input controls. Then write a bit of JavaScript using Tableau's JavaScript API to let Tableau know when someone updates an HTML control so it can update the visualization in response. For a really robust complex page, that might be a better choice than trying to emulate HTML/CSS with sheet swapping techniques in a Tableau workbook.
Just see as following image
what I want to realize is, when I choose a specific area in the Area dropbox, The Block dropbox only shows the content which only belong to the selected area. How to realize that in tableau? Area and Block are both parameters.
I would advice you to use filter. then for the block filter,click the arrow on the top right and select "Only Relevant Values".The block filter will then refresh after you choose an area to show only the blocks related to that area.
For parameters currently the dynamic refresh feature is not present, though it is being demanded.
Filters can cascade in Tableau if you select the "Relevant Values" option on the quick filter. (see the little black triangle in the top right of the quick filter).
You may want to also put the two fields into a hierarchy to teach Tableau that Blocks are subordinate to Areas, but Tableau will try to show only relevant values even if you don't define the hierarchies explicitly. To make a hierarchy, drag fields on top of each other in the data pane on the left.
There is no concept of relevant values for parameters currently. Each has an independent range of values. Parameters are not tied to a data source.
I have a BarChart and Table on the same data.
I want to link these two visualizations such that if I sort the table column by a mouse click on one of the columns, it would reflect in the bar chart.
I found one example for the Visualization api:
http://code.google.com/apis/chart/interactive/docs/examples.html
But the sort method is not avaiable for com.google.gwt.visualization.client.DataTable.
How can I do it?
The google-gwt-apis haven't been updated for a long time and don't support the latest gogole chart features.
However you can extend DataTable and use JSNI to implement the sorting and unsupported functions yourself.
Refer to the DataTable.java and the google chart tools for more information.
I wanted to find out how to specify fields to appear side-by-side in BIRT layout e.g.- City State Zip in a address line. By default, it seems to put the fields one below another and I can't seem to find a way to reposition them side-by-side
BIRT 2.6.0 and Eclipse Helios
I would use a grid to control the placement of the controls on the page. BIRT uses a web design metaphor and as such things need to be placed explicitly on a page. When you are building a page in simple HTML you often need a table or some other structural element to control how one piece of text (or image) relates to another. BIRT is no different in this regard.
Good Luck!
Using a grid for this is not the right solution unless you actually want elements aligned into columns.
If you set the Display value of your Data elements to Inline instead of Block they will be displayed side by side on the same line exactly like you want.
I use BIRT 2.3.2, and it normally puts fields side-by-side, by default. This may be an issue to do with which report item type you are using to display your data - try using a table, rather than a list report item.
The BIRT does not follow the placement of element based upon the X, Y coordinate instead it used relative tabular layout. So, fields can only be placed in sequential manner. To align it perfectly, Grid control can be used with needed rows and columns and set the width and height of columns.
However, this is just a workaround to place the element, exact placement of element on absolute position is yet not available. May be in future release it could be added into the BIRT.