Questions tagged [expandable-table]

Expandable table is a UI widget that his goal is to show extra secondary data in tables.

This widget uses in any platform of UI.

Example use in web technology:

Expandable table

http://www.jankoatwarpspeed.com/wp-content/uploads/examples/expandable-rows/

42 questions
12
votes
1 answer

CAN NOT expand Angular Material table

I tried for the past 2 weeks to get this code to work. I searched and tried the solution from Philipp Kief which is a solution that I could partly understand. I'm new. And I also studied these other solutions. Ho Wei Lip 2 and Ho Wei Lip…
vt2424253
  • 1,387
  • 4
  • 25
  • 39
7
votes
3 answers

Antd expandable table, expand all rows at same time when click on expand button

I'm using an expandable table from antd design version 4.10 in my app with Next.js v10.0.4. When I clicked in + button in table its suppose to open only the row which is selected but I don't know why it is opening all the rows at same time. This is…
Raul
  • 659
  • 1
  • 6
  • 11
5
votes
0 answers

How to add a merged shadow to expandable tableview cells?

I have a tableview with expandable text cells, each cell has a white view with a shadow as background. For the design, i want to merge cells shadow to be like the image : So, i removed "Clip Subviews" check from cell. But i had a problem with…
SalmaGh
  • 441
  • 1
  • 5
  • 11
5
votes
2 answers

create a dynamic expandable table by using angularjs and jquery

I'd like to create an expandable table by using JQuery: http://ludo.cubicphuse.nl/jquery-treetable/#examples. The issue is that there is a conflict between angularjs and jquery. This is my html file:
Kevin Vincent
  • 587
  • 13
  • 28
3
votes
1 answer

How to customize tableview header according to my requirement?

I am trying to implement one feature: Image 1 show headers with titles. When you click on header 1,2,3,4 it will expand and shows tableview rows like shown in image 2. What I want is that at header 0 view, I want to customize and wants to add an…
Priyanka Patil
  • 318
  • 1
  • 9
3
votes
1 answer

Make nested accordion menu with tableView (expandible cells) in swift

I have an example of accordion menu like below, and I want o make a nested menu, (e.g. the menu within menu) which is mostly related to expandable tableViews, but I need expandable within expandable tableView or any other solution here is the code…
flunk
  • 31
  • 7
3
votes
1 answer

how to create Drill Down table rows

I am creating a table appending data using jQuery. Currently created table as below. I want to add two more fields as drill down. Can you please guide me how to do so. Code to append data. $("#tableid").append("
Product " +…
Thilina Akalanka
  • 163
  • 1
  • 14
2
votes
1 answer

How to Expand single particular section?

I have used third party expandable table view named "ExpandableTableView",when i want to expand particular single section using custom button in my view.my code snippet is : UIView *view=Gesture.view; isFirsTime=NO; …
2
votes
1 answer

how to rotate image in expandable cell when clicked on cell in ios?

I'm making a UITableView with expandable/collapsible cells for an iOS app. In that app I want to display an arrow down image and when click on it the image will be an up arrow. Is this possible? Here is my code -(void)tableView:(UITableView…
User558
  • 1,165
  • 1
  • 13
  • 37
1
vote
1 answer

Angular Mat Table Expandable Rows 3-Layer

I am looking at this Stackblitz template https://stackblitz.com/edit/angular-nested-mat-table?file=app%2Ftable-expandable-rows-example.ts I am trying to create the same table, however, my data has three layers (i.e. User >> Address >> Block) Does…
1
vote
1 answer

Angular Material DragDrop in Table w/Expandable Rows loses expandable sync on all rows dragged over

I've modified the Angular Material Stackblitz to show my issue. It appears that cdkDragDrop is modifying the CSS of the rows the dragged list item goes over and then takes a few clicks of the expand/collapse button to re-sync. The rows that did not…
1
vote
0 answers

How to display two different values for every row on antd table expanadble when dataSource is a state?

For my antd table expandable, I want to calculate a set of values based on the row of the table. So every row that expands contains unique value, and say my hooks state contains the set of cities out of which for each individual row, there needs to…
Kashyap
  • 85
  • 2
  • 9
1
vote
1 answer

How to expand row in angular with same number of columns as parent row

I followed this link https://www.freakyjolly.com/angular-material-12-table-with-multiple-expanded-rows-example/ for expandable row but it is not working for same number of columns. Can anyone plz help. I need to show like this
tiya
  • 117
  • 1
  • 3
  • 14
1
vote
0 answers

How to set antd width of expandable table column?

In an antd table I am trying to use the columnWidth property in expandable to set the column width as the minimum. In my table the width for the expandable icon column is very big and by default it's quite large for me. I've tried giving a string |…
Kashyap
  • 85
  • 2
  • 9
1
vote
2 answers

How to use onClick in antd table to get target value?

I have an antd table, where there is an expandable row. I want to render data based on the row that I click as each row has a unique code. How do I get the target value of the row so as to filter data accordingly?
Kashyap
  • 85
  • 2
  • 9
1
2 3