</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <div id="BeforeHeaderContent"> </div> <div id="HeaderContent"> <div id="ProjectTitle"></div> <div id="PageTitle"><div id="PageTitleText">Expanding/Collapsing Rows</div></div> </div> <div id="AfterHeaderContent"> <!-- Spacing --> <span id="ToggleAllSectionsLink" class="FunctionLink"> <label id="CollapseAllLabel">Collapse All</label> <label id="ExpandAllLabel" style="display: none;">Expand All</label> </span> </div> <div class="BreadcrumbsContainer"><table><tr><td> <a href="WelcmPg.html">Welcome to LightSwitch Desktop Edition</a> > <a href="FlxOvrvw.html">FlexGrid for LightSwitch Overview</a> > <a href="TskBsdHelp.html">FlexGrid for LightSwitch Task-Based Help</a> > Expanding/Collapsing Rows</td></tr></table></div> <div id="BodyContent"> <p>If the <b>Show Outline Bar</b> property is enabled for a C1FlexGrid control, and at least one column is checked in the <b>Group Order</b> list, then a numeric button bar is displayed in the column header row at runtime so the user can expand or collapse all of the grouping rows at that level.</p> <p>The groups are expanded and collapsed using the arrows displayed on the left side of each column header.</p> <p>In the example below, “France” is expanded and “UK” is collapsed. Click the arrows next to each to switch. If there is further grouping (in the example, the data was grouped by country, then category), those sub-categories can also be expanded or collapsed.</p> <p><img border="0" alt="" src="images/Images_Used/FlexGrid/image132_42.jpg"></p> <a name="seealsobookmark"></a> </div> <div id="FooterContent"> <p> </p><p> </p><hr style="height: 1px"><p>Copyright (c) <script type="text/javascript"> var theDate=new Date() document.write(theDate.getFullYear()) </script> GrapeCity, inc. All rights reserved. <script> $(document).ready(function() { if (!(window.self !== window.top)) { // Not running in a frameset // Get the page name var pageName = location.href.substring(location.href.lastIndexOf("/") + 1); if (pageName.indexOf("#") != -1) { pageName = pageName.substring(0, pageName.indexOf("#")); } // Append to webframe.html var framePage = "webframe.html#" + pageName; location.href = framePage; } }); </script></p> <a href="http://our.componentone.com/groups/" target="_blank">Product Support Forum</a> | <a href="http://feedback.componentone.com/forums/255782-winforms-documentation" target="_blank">Documentation Feedback</a> </div> </body> </html>