I would like to create table with many rows but only one should be visible, rest should be hidden.
After clicking on one of arrows rows should appears below or above main row depending if this is "up" arrow or "down arrow"
I'm using angular and primeng. Do you have some ideas how to achieve something like that?
Related
So here's my problem with my React app. I want to use a searchbar to select multiple filters on the data I display in my page. But you can only enter one string in a searchbar.
I'd like something a bit like this :
What I want
Having a dropdown menu (just like with datalist) when clicking in the searchbar to select the key, then a dropdown to select the logical operator and then another one for the value. And the possibility to do it all again for an another filter (and so on...). And I would like to be able to discard each individual filter with an X icon on it. Obviously, I could create a different component for each part and give it and absolute position, on top of the searchbar... but that would be painful to display in a responsive way.
Any idea ?
I am sure that is not what you want. But I recommend you to see following.
You can change for your purpose.
https://github.com/insin/react-filtered-multiselect
I have the following data structure to be displayed in spotfire
i'd like to have a visualization like this:
Any ideas?
Thanks!
You can achieve this by adding an unpivot of your table:
Click File > Add Data Tables. In the Add drop down box, choose the table that you want to unpivot. On the transformations section, choose Unpivot in the drop down box, and then press Add... Highlight all columns "Operations added Flag", "Operations Removed", etc and add them to the Columns to transform box. Note that you should only add the columns that you want to appear as bars. Hit OK. Next, add a bar chart. Right click and choose Horizontal Bars, and then again to choose 100% stacked. For the x-axis use Count([Value]) and select Category for the y-axis. In the Bar Chart properties, change it so that it colors by Value.
I am working on a requirement that allow me to show columns when a user clicks on "+" (expand a row), and hides the column when a user clicks on "-" collapse a row.
So for example, when all rows are collapsed, report looks like:
When a user click on A to expand the a row in the report, then report should look like
Please note that COL4 only shows up when a row expands.
I have tried to set the visibility properties but the result I am getting like
If I am trying to set the header textbox properties getting an error like.
"toggle item must be the text boxes that share the same scope as hidden item or are in a scope that contains the hidden item, and cannot be contained within the report item unless current grouping scope has a parent"
I am Using Matrix Table
The problem is that clicking on a Col1 toggle will only be able to hide elements contained within your table grouping (which doesn't include the header of your col2) and you will see the error you mention above, "toggle item must be the text boxes that share the same scope...".
You can place a textbox outside of your table area and that will be able to toggle the column visibility, but that would expand the values for all col1 one grouped values and will not be what you are looking for. Unfortunately you cannot do exactly what you are looking for; the best option is the one you show above.
I have created a standard table with about 15 columns in it. The table has only 1 group being the Details row group as it a pretty simple table. The thing I am having trouble with is toggling the last 5 columns, I want them to be hidden by default and only available by selecting a + icon. I would also like all 5 to be displayed by selecting the 1 + icon so once the icon has been selected all 5 appear rather than 1 + icon per column (5).
Is this possible?
Thanks
Yes, this is possible. Highlight the first column you want to have toggled and right click. Select Column Visibility from the select list. The click on Hide and click the Display Can Be Toggled By This Report Item checkbox. Select the report item that you want to click on to toggle the columns. Go through each column one by one and do the same thing. If you select the same report item to toggle by for each column, clicking the report item will reveal all of them.
I wanna create a table where I should hide some columns. Whenever I click on an arrow or some button The hidden columns should be display along with original columns in that table.
For example, I have 20 columns, I don't need show all the columns at the staring point of view. Suppose I want to display 5 columns in UI, renaming 15 should be hidden. Where can I put some arrow on right corner(in header line) of table to extend the table with remaining columns.
Is it possible with JSF with rich-faces or anything else.
Thank you in advance.
Take a look on this example on primefaces labs. It allows to dynamically add columns to a datatable. I am sure you can tweak it to get the behaviour you are looking for.
Use a <rich:dataTable. Set the rendered property of the columns which should be initially hidden by using a boolean property in your class.
<rich:dataTable value="" var="v" id="tbl">
<rich:column>Always visible column 1</rich:column>
<rich:column rendered="#{del.renderColumn}">Visible on demand</rich:column>
<rich:column>Always visible column 2</rich:column>
<rich:column>Always visible column 3</rich:column>
</rich:dataTable>
Use an <a4j:commandButton and set the property renderColumn as true at button action and reRender the table.
<a4j:commandButton value="Show" action="#{del.renderHiddenColumn()}" reRender="tbl"/>