You need to sign in to do that
Don't have an account?
SATHISH REDDY.
Visualforce - Expandable table rows showing inner table (No Aura)
Hello everyone,
I'm have a table which shows the list of Opportunities. I want to show an inner table whenever an opportunity row is clicked. Similar to the following. However, i'm unable to achieve this & not sure what i might be missing. Please share your inputs. Thanks in advance!
I'm trying to something similar & even tried the following example which didnt work.
https://www.soliantconsulting.com/blog/multi-tiered-tables-in-visualforce/?unapproved=382305&moderation-hash=7a67877d361da32c66a3507d496a06c3#comment-382305
I'm have a table which shows the list of Opportunities. I want to show an inner table whenever an opportunity row is clicked. Similar to the following. However, i'm unable to achieve this & not sure what i might be missing. Please share your inputs. Thanks in advance!
<table> <thead > <tr> <th>Opportunity</th> <th>Type</th> <th>Start</th> <th>End</th> <th>Budget</th> <th>More ($)</th> </tr> </thead> <tbody> <apex:repeat value="{!wrap}"> <tr> <td>{!wrap.a}</td> <td>{!wrap.b}</td> <td>{!wrap.c}</td> <td>{!wrap.d}</td> <td>{!wrap.e}</td> <td>{!wrap.f}</td> </tr> <!--Inner Table--> <tr> <div> <table id="newtable"> <thead id="newth"> <tr> <th colspan="1">Jan</th> <th colspan="1">Feb</th> <th colspan="1">Mar</th> <th colspan="1">Apr</th> <th colspan="1">May</th> <th colspan="1">Jun</th> <th colspan="1">Jul</th> <th colspan="1">Aug</th> <th colspan="1">Sep</th> <th colspan="1">Oct</th> <th colspan="1">Nov</th> <th colspan="1">Dec</th> </tr> </thead> <tbody> </tbody> </table> </div> </tr> </apex:repeat> </tbody> </table>
I'm trying to something similar & even tried the following example which didnt work.
https://www.soliantconsulting.com/blog/multi-tiered-tables-in-visualforce/?unapproved=382305&moderation-hash=7a67877d361da32c66a3507d496a06c3#comment-382305
You can use the Jquery data table to implement your functionality. Please follow the below url.
https://datatables.net/examples/server_side/row_details.html
Let me know if it does not work for you.
http://www.htmldrive.net/items/show/141/Expand-table-rows-with-Jquery-jExpand-plugin
Just change the internal data according to your need using apex repeat
Example:
http://www.jankoatwarpspeed.com/wp-content/uploads/examples/expandable-rows/
You can try this solution. This is very easy compare to jquery.
https://www.soliantconsulting.com/blog/multi-tiered-tables-in-visualforce/
Did you try with the code that i shared above?
is it still not working?