Frozen columns in TreeView

Hi All,
I have a TreeView in WPF with multiple columns.
I wanted to make first column "Name" as frozen.
I am adding more columns dynamically from the code behind.
TreeView:
<ScrollViewer Grid.Row="1" VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Auto">
<src:TreeListView x:Name="TreeView" Background="White" ItemsSource="{Binding SelectedZones}" SelectedValuePath="{Binding SelectedValue}" PreviewMouseRightButtonDown="OnPreviewMouseRightButtonDown" >
<src:TreeListView.Columns>
<GridViewColumn Header="Name" CellTemplate="{StaticResource CellTemplateName}" Width="200"/>
</src:TreeListView.Columns>
<src:TreeListView.Resources>
<Style TargetType="{x:Type src:TreeListViewItem}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type src:TreeListViewItem}">
<StackPanel>
<Border Name="Bd" Background="White" BorderBrush="White" BorderThickness="0" Padding="{TemplateBinding Padding}">
<GridViewRowPresenter x:Name="PART_Header"
Content="{TemplateBinding Header}"
Columns="{Binding Path=Columns, RelativeSource={RelativeSource AncestorType={x:Type src:TreeListView}}}" />
</Border>
<ItemsPresenter x:Name="ItemsHost"/>
</StackPanel>
<ControlTemplate.Triggers>
<Trigger Property="IsExpanded" Value="false">
<Setter TargetName="ItemsHost" Property="Visibility" Value="Collapsed"/>
</Trigger>
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="HasHeader" Value="false"/>
<Condition Property="Width" Value="Auto"/>
</MultiTrigger.Conditions>
<Setter TargetName="PART_Header" Property="MinWidth" Value="75"/>
</MultiTrigger>
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="HasHeader" Value="false"/>
<Condition Property="Height" Value="Auto"/>
</MultiTrigger.Conditions>
<Setter TargetName="PART_Header" Property="MinHeight" Value="19"/>
</MultiTrigger>
<Trigger Property="IsSelected" Value="true">
<Setter TargetName="Bd" Property="Background" Value="{DynamicResource TreeViewItemBackgroundBrush}"/>
<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.HighlightTextBrushKey}}"/>
</Trigger>
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="IsSelected" Value="true"/>
<Condition Property="IsSelectionActive" Value="false"/>
</MultiTrigger.Conditions>
<Setter TargetName="Bd" Property="Background" Value="{DynamicResource TreeViewItemBackgroundBrush}"/>
<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
</MultiTrigger>
<Trigger Property="IsEnabled" Value="false">
<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
<Setter Property="IsExpanded" Value="True"/>
<Setter Property="ItemsPanel">
<Setter.Value>
<ItemsPanelTemplate>
<src:MyVirtualizingStackPanel/>
</ItemsPanelTemplate>
</Setter.Value>
</Setter>
</Style>
</src:TreeListView.Resources>
<src:TreeListView.ItemTemplate>
<HierarchicalDataTemplate DataType="{x:Type businessObjects:Zone}" ItemsSource="{Binding Children}"/>
</src:TreeListView.ItemTemplate>
</src:TreeListView>
Code for adding columns:
foreach (var field in zone.Types)
TreeView.Columns.Add(new GridViewColumn()
Width = 100,
Header = field.Value.HeaderString,
CellTemplate = GetDataTemplate(count)
count++;
do any anybody know how to do this ?
Thanks
Ashish Dhyani

When you say freeze.
You mean the first column stays there and the others scroll if it's too wide?
You could
Re template whatever you have there and make the first column separate from the rest.
As I don't really understand what you're using I have no idea how viable that would be. 
Or
Use two controls.
That'll be tricky.
or
Use a Listview within a listview and put the extra columns inside the first but with a slider just on them.
or
Use a datagrid and grouping instead.
With that all the contents of a group go inside a thing for the header.
You can change the markup to that to whatever you like.
I'm not saying it'd be easy.
I don't think there is an easy answer though.
Please don't forget to upvote posts which you like and mark those which answer your question.
My latest Technet article - Dynamic XAML

Similar Messages

  • Table with frozen columns

    In a recent project I've had the need of a Java Swing table with frozen columns.
    After a long research at the Swing forum at java.sun.org and google I found out that
    1. Currently there is no proper Open Source solution
    2. All the postings at sun are good concepts, but far away from solutions
    3. The only (for me )acceptable commercial solution is the JCTable from Quest (formerly KGroup)
    Since I want to have full control over the source code of the table, I decided to collect all the tips from this forums and write my own table.
    Here is the my first result:
    http://jroller.com/resources/kriede/CoolTable.java
    The main idea is to have two tables, one for the locked columns (=fixed columns = frozen columns) and one for the scrollable columns. With all the tips from this forum it was more or less a puzzle to make it work pretty. The next task will be to provide a JTable-like interface, meaning to write delegate/adapter methods to the API of the two nested JTable instances.

    The FixedColumnExample from the link that you provided doesn't work with JDK 1.3 or higher.
    Anyway, putting a seperate table for the fixed columns into the row header is the first step to solve the problem of fixed columns.
    The next problem is to synchonize the scrolling behaviour of the two tables. The FixedColumnExample tries to do it by overwriting the valueChange method (maybe this was working with JDK 1.8), but with JDK 1.2 or higher it is recommended to use ChangeListeners. That's what I am doing, as also described here: http://www.chka.de/swing/components/JScrollPane-bugfix.html.
    Another problem is navigation with the tab or arrow keys: The default actions for those events move the selection only within one JTable. It would be nicer, if e.g. the tab key moves the selection within one row across both, the fixed and the scrollable columns.
    Those problems and some more are solved in the CoolTable sample:
    http://jroller.com/resources/kriede/CoolTable.java
    Please try it out and send comments.

  • JTable sorting with frozen columns

    Hi All,
    I have implemented a table with two frozen columns by using two Jtables within a JScrollpane. I've added a TableRowSorter to each table (the fixed and the scrollable one). The first two columns are removed from the main JTable's columnModel and the other columns are removed from the fixed JTable's columnModel. The sorting works fine but currently works on the two tables seperately. They both have the same table model which is one i implemented by extending AbstractTableModel. How can i link up the two tables so that they sort together?
    Thanks

    using the same instance of TableRowSorter with both tables fixed it

  • [ANN] xframe-swing (frozen columns with the JXTable)

    The xframe team is pleased to announce the release 0.6-beta of our swing subproject, the first beta release.
    Currently the main purpose of this project is the JXTable class, an extension to the JTable which offers frozen columns and groupable column headers while behaving almost exactly like the original JTable. So the intention is to have a true replacement for the JTable where ontop you can use your usual features like filtering, sorting, etc.
    Since the JXTable is being used in the first few commercial projects, we got a lot of feedback and patches which improved stability and usability upto a high level. These projects are not yet finished, so we keep the beta status until the first project goes to production.
    You can download xframe-swing here:
    http://sourceforge.net/project/showfiles.php?group_id=48863&package_id=125567
    Further Readings:
    http://xframe.sourceforge.net/swing/index.html
    http://jroller.com/page/kriede/20040414#swing_table_with_frozen_columns

    The FixedColumnExample from the link that you provided doesn't work with JDK 1.3 or higher.
    Anyway, putting a seperate table for the fixed columns into the row header is the first step to solve the problem of fixed columns.
    The next problem is to synchonize the scrolling behaviour of the two tables. The FixedColumnExample tries to do it by overwriting the valueChange method (maybe this was working with JDK 1.8), but with JDK 1.2 or higher it is recommended to use ChangeListeners. That's what I am doing, as also described here: http://www.chka.de/swing/components/JScrollPane-bugfix.html.
    Another problem is navigation with the tab or arrow keys: The default actions for those events move the selection only within one JTable. It would be nicer, if e.g. the tab key moves the selection within one row across both, the fixed and the scrollable columns.
    Those problems and some more are solved in the CoolTable sample:
    http://jroller.com/resources/kriede/CoolTable.java
    Please try it out and send comments.

  • TableView - support for frozen columns and rows when scrolling?

    Hi,
    Is there support in JavaFx 2.0 for having certain columns or rows "frozen" when scrolling horizontally/vertically (so that these columns aren't scrolled)? Something similar to Excel's "freeze panes" functionality or Jidesoft's TableScrollPane header/footer rows and columns?
    If not, does anyone have examples of how this could be done?
    Regards,
    Frode

    At present this is not a feature that is offered in JavaFX 2.0. It is something that we do want to support in a future release however.
    For the time being I'm not sure if there is a way to easily implement this, however if you want feel free to email me and I can try to research it further when time permits: [email protected]
    -- Jonathan

  • How to apply 'disableColumnReordering="true"' at column level.

    Hi Experts,
    I am using jdev 11.1.1.5.0.
    I have a requirement, not to move(drag) the column within a table. I got succeeded to apply this on table level so that all columns are fixed, but not able to fix it at column level.
    So, is there any way or a property to fix this at column level.?
    Please help out me.
    Thanks & Regards,
    Bittu..!

    Hi
    You can use at column level frozen="true" but this will not disable reordering. This specifies whether the column is frozen. In the table columns until the frozen column are locked with the header and not scrolled with the rest of the columns. Frozen attribute is honored only on the top level column,since it is not possible to freeze a child column by itself without its parent being frozen
    See if this helps to your requirements.
    Reference: http://jdevadf.oracle.com/adf-richclient-demo/docs/tagdoc/af_column.html
    Nikolay

  • How to freeze row and column in JTable

    Hi,
    I need to freeze first two rows and columns in a large JTable. I found ways to freeze either a row or a column, but not both at the same time.
    Can any of you help ?
    Found this code which allows freezing a col. Similar method can be used to freeze column
    import javax.swing.JScrollPane;
    import javax.swing.JTable;
    import javax.swing.JViewport;
    import javax.swing.table.DefaultTableModel;
    import javax.swing.table.JTableHeader;
    import javax.swing.table.TableModel;
    public class FrozenTablePane extends JScrollPane{
    public FrozenTablePane(JTable table, int colsToFreeze){
    super(table);
    TableModel model = table.getModel();
    //create a frozen model
    TableModel frozenModel = new DefaultTableModel(
    model.getRowCount(),
    colsToFreeze);
    //populate the frozen model
    for (int i = 0; i < model.getRowCount(); i++) {
    for (int j = 0; j < colsToFreeze; j++) {
    String value = (String) model.getValueAt(i, j);
    frozenModel.setValueAt(value, i, j);
    //create frozen table
    JTable frozenTable = new JTable(frozenModel);
    //remove the frozen columns from the original table
    for (int j = 0; j < colsToFreeze; j++) {
    table.removeColumn(table.getColumnModel().getColumn(0));
    table.setAutoResizeMode(JTable.AUTO_RESIZE_OFF);
    //format the frozen table
    JTableHeader header = table.getTableHeader();
    frozenTable.setBackground(header.getBackground());
    frozenTable.setAutoResizeMode(JTable.AUTO_RESIZE_OFF);
    frozenTable.setEnabled(false);
    //set frozen table as row header view
    JViewport viewport = new JViewport();
    viewport.setView(frozenTable);
    viewport.setPreferredSize(frozenTable.getPreferredSize());
    setRowHeaderView(viewport);
    setCorner(JScrollPane.UPPER_LEFT_CORNER, frozenTable.getTableHeader());
    }

    Hi,
    I need to freeze first two rows and columns in a large JTable. I found ways to freeze either a row or a column, but not both at the same time.
    Can any of you help ?
    Found this code which allows freezing a col. Similar method can be used to freeze column
    import javax.swing.JScrollPane;
    import javax.swing.JTable;
    import javax.swing.JViewport;
    import javax.swing.table.DefaultTableModel;
    import javax.swing.table.JTableHeader;
    import javax.swing.table.TableModel;
    public class FrozenTablePane extends JScrollPane{
    public FrozenTablePane(JTable table, int colsToFreeze){
    super(table);
    TableModel model = table.getModel();
    //create a frozen model
    TableModel frozenModel = new DefaultTableModel(
    model.getRowCount(),
    colsToFreeze);
    //populate the frozen model
    for (int i = 0; i < model.getRowCount(); i++) {
    for (int j = 0; j < colsToFreeze; j++) {
    String value = (String) model.getValueAt(i, j);
    frozenModel.setValueAt(value, i, j);
    //create frozen table
    JTable frozenTable = new JTable(frozenModel);
    //remove the frozen columns from the original table
    for (int j = 0; j < colsToFreeze; j++) {
    table.removeColumn(table.getColumnModel().getColumn(0));
    table.setAutoResizeMode(JTable.AUTO_RESIZE_OFF);
    //format the frozen table
    JTableHeader header = table.getTableHeader();
    frozenTable.setBackground(header.getBackground());
    frozenTable.setAutoResizeMode(JTable.AUTO_RESIZE_OFF);
    frozenTable.setEnabled(false);
    //set frozen table as row header view
    JViewport viewport = new JViewport();
    viewport.setView(frozenTable);
    viewport.setPreferredSize(frozenTable.getPreferredSize());
    setRowHeaderView(viewport);
    setCorner(JScrollPane.UPPER_LEFT_CORNER, frozenTable.getTableHeader());
    }

  • How to make muliple column listbox using indesign cs3

    Hi,    
         I want to create list box having muliple rows and columns. I tried with one cloumn using tree view and that is working fine. How to create multiple column listbox using tree view. I need a code snippet for muliple rows and columns using treeview.
    Thanks
    K.Saravanan

    Download the CS6 SDK. Under the "open" folder you will find the code for the LinksUI panel. This is the closest you will get to a multicolumn list box in C++, if you want to stay in C++.
    The tree view widget support dynamic load of sub nodes in a tree. Also it will only request widgets to drawn when they are in view (as far as I remember).

  • How do I Stretch the third column in a treetable?

    Well the title says it all. I am using Jdeveloper Studio Edition Version 11.1.1.0.2 and I want to stretch the 3. column of a treetable. How do I do that?

    Hi,
    reading the component type documentation helps. Here is what it has to say:
    Property: columnStretching
    Indicates what kind of stretching you want applied to the columns. For optimal performance, use the "none" (default) option. If you want the last column to stretch to fill up any unused space inside of the viewport, use the "last" option. If you want to have an empty blank column be automatically inserted and have it stretch (so the row background colors will span the entire width of the table), use the "blank" option. If you want to have a specific leaf (non-group) column stretch to fill up any unused space inside of the viewport, use the option where you specify "column:" followed by the ID of the column that you want to have stretched, e.g. "column:myColId". Note that row headers and frozen columns will not be stretched because doing so could easily leave the user unable to access the scrollable data body of the table. Only a maximum of one column may be stretched at a time.
    Frank

  • Scroll Fix Column in JTable

    I have see a lots of examples of whow to create fix column into JTable.
    But all the examples have the same problems.
    When I wont to scroll over the fix column the vertical scroll bar of the no fix column dont move, so the no fix column dose not move and the fix columns and no fix columns aren?t alined.
    If sameone have same example, send it please !!!!
    Thanks !!!
    Pablo

    In a recent project I've had the same problem.
    After a long research at the Swing forum at java.sun.org and google I found out that
    1. Currently there is no proper Open Source solution
    2. All the postings at sun are good concepts, but far away from solutions
    3. The only (for me )acceptable commercial solution is the JCTable from Quest (formerly KGroup)
    Since I want to have full control over the source code of the table, I decided to collect all the tips from this forums and write my own table.
    Here is a first try:
    http://jroller.com/resources/kriede/CoolTable.java
    The main idea is to have two tables, one for the locked columns (= fixed columns = frozen columns) and one for the scrollable columns. With all the tips from this forum it was more or less a puzzle to make it work pretty.

  • Freezing a column

    I am new to mac, but I can freeze a row or column in Excel so that as you scroll , the frozen column or row stays in view. This is particularly helpful with column labels for data entry. I can't find the command to do this in the iwork spreadsheet.

    Numbers '09 added this feature for Headers - it didn't exist in Numbers '08.
    With Numbers '08, in Print View mode, you can choose to have your Header Row or Column to appear on each page, which can help with data entry.
    Jerry

  • How to create multi level reports?

    The report I have created contains 25 columns and is to wide. I would like to create a multi level report in the fashion of below:
    Col 1 Col 2 Col 3
    Row1 Row1 Row1
    Row2 Row2 Row2
    Col 5 Col 6 Col 7
    Row1 Row1 Row1
    Row2 Row2 Row2
    I am assuming this needs to be done by modifying html in a template.
    I have cut up a normal report to try and illistrate what I am thinking.
    http://i71.photobucket.com/albums/i124/breinhar/multirow.jpg
    I greatly appreciate the help. Thanks.

    Hi,
    OK - I've put together a horizontal scrolling report template for a Theme 12/Standard report: [http://apex.oracle.com/pls/otn/f?p=33642:198]
    To create this, you need to:
    1 - Through Shared Components, Templates - create a new Report Template based on a copy of the existing Standard report template.
    2 - When you have your new template, edit it.
    3 - In the template's "Before Rows" setting, replace what's there with the following:
    &lt;style type="text/css"&gt;
    #table1 th {white-space: nowrap}
    #table1 td {white-space: nowrap}
    #table2 th {white-space: nowrap}
    #table2 td {white-space: nowrap}
    &lt;/style&gt;
    &lt;table cellpadding="0" cellspacing="0" summary="" style="padding:0px; border-collapse:collapse;"&gt;#TOP_PAGINATION#
    &lt;tr&gt;&lt;td&gt;
      &lt;tr&gt;
        &lt;td style="vertical-align:top; background-color:#EFEFEF; padding:0px; border:1px solid darkgray;"&gt;
          &lt;div id="d1" style="background-color:white; margin:0px; border:0px; padding:0px;"&gt;
          &lt;/div&gt;
        &lt;/td&gt;
        &lt;td style="vertical-align:top; padding:0px; border:1px solid darkgray;"&gt;
          &lt;div id="d2" style="overflow-X:scroll; margin:0px; border:0px; padding:0px; border-right:1px solid darkgray;"&gt;
    &lt;table cellpadding="0" border="0" cellspacing="0" summary="" class="t12Standard" id="table2"&gt;4 - In the template's "After Rows" setting, replace what's there with the following:
          &lt;/div&gt;
        &lt;/td&gt;
      &lt;/tr&gt;
    &lt;/table&gt;&lt;div class="t12bottom"&gt;#EXTERNAL_LINK##CSV_LINK#&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;#PAGINATION#&lt;/table&gt;
    &lt;script type="text/javascript"&gt;
    var d1 = document.getElementById("d1");
    var t2 = document.getElementById("table2");
    var t1 = t2.cloneNode(false);
    t1.style.width = "100%";
    t1.id = "table1";
    d1.appendChild(t1);
    var t2Rows = t2.rows;
    var k;
    var r;
    var c;
    for (k = 0; k &lt; t2Rows.length; k++)
    r = document.createElement("TR");
    t1.appendChild(r);
    c = t2Rows[k].cells[0].cloneNode(true);
    r.appendChild(c);
    t2Rows[k].deleteCell(0);
    d1.innerHTML += "";
    &lt;/script&gt;5 - On your report's Report Attributes, change the template used for the report from "Standard" to your new one
    6 - Also on the report's Report Attributes, set "Enable Partial Page Refresh" to No - this is required as we need the javascript in the template to be run whenever pagination happens and Partial Page Refresh does not seem to allow us the means to trigger javascript
    7 - Finally, on the report region's Region Footer, add in:
    &lt;style type="text/css"&gt;
    #d1 {width:75px;}
    #d2 {width:500px;}
    &lt;/style&gt;#d1 refers to the width of the frozen column and #d2 is the width of the rest of the report - you can adjust these figures as required.
    The template contains two DIV tags - d1 and d2. Initially, d1 is empty and d2 contains the report. The javascript moves the first cell in each row from d2 to d1. The styles then add the scrolling functionality.
    Andy

  • Horizontal scrolling similar to excel

    Hey guys,
    Today I received a request that I am having trouble getting started with. Our app currently has an interactive report with somewhere around 30 columns. The user would like for the three left most columns to remain locked in the same place but be able to scroll left and right to see the rest of the data in the report. That way when they find the given information they need they can easily click add or edit and continue working without having to scroll back to the left of the report and potentially lose the track of which record they were looking at.
    Has anyone had to work on anything like this before?
    Edit: The three left most columns contain the edit, add and the Id for the record. They add needs to be within the record due to some sequencing requirements.
    Cheers,
    Tyson Jouglet
    Edited by: Tyson Jouglet on Jan 8, 2009 10:48 AM

    Hey Andy,
    So I have come up with version 1 of the scrollable plugin for jQuery. This is by no means finished, I am just exited about the progress. I created an extension that takes two parameters. size and width. size specifies the number of columns you want to remain frozen and width specifies how wide you want the scrollable portion to be. I am having issues with the scrollable part showing up in IE but in FF everything is working as intended. So if anyone has any pointers on how to re factor this or maybe a better way to approach this, I am all ears.
    Here is the plugin code. I saved mine as jQuery.scrollable-1.0.js
    (function($){
          *   jQuery.scrollable
          *  Version: 1.0
          *   Author: Tyson Jouglet
          *     Date: January 14th, 2009
          *  Purpose: This plugin will allow for certain columns of a table
          *           to remain fixed, while allowing others to scroll horizontally.
          *           This way a report with mass amounts of columns can fit into a
          *           more reasonable space.
         $.fn.scrollable = function(size,width){
              var frozenHTML = '';
              var scrollableHTML = '';
              this.width = (!width) ? '100px' : width;
              //insert our table structure after the item which called the scrollable function
    $('<table id="scrollableContainer"><tr><td><table id="frozen"></table></td><td><div id="scrollable"><table></table></div></td></tr></table>').insertAfter(this);
              //build frozen columns
              //find each row of our table
              $(this).find('tr').each(function(){
                   frozenHTML += '<tr>';
                   //Get all td tags that are <= size.
                   //Store the HTML and remove the element from the DOM.
                   $(this).find('td:lt('+size+')').each(function(i){
                        frozenHTML += '<td>' + $(this).html() +'</td>';
                        $(this).remove();
                   frozenHTML += '</tr>';
              //build scrollable columns
              $(this).find('tr').each(function(){
                   scrollableHTML += '<tr>';
                   //get all remaing td tags.
                   $(this).find('td').each(function(i){
                        scrollableHTML += '<td>' + $(this).html() +'</td>';
                        $(this).remove();
                   scrollableHTML += '</tr>';
              //add the html to the document.
              $(frozenHTML).appendTo('#frozen');
              $(scrollableHTML).appendTo('#scrollable');
              //apply formatting
              $('#frozen').parent().css('vertical-align','top');
              $('#scrollable').parent().css('vertical-align','top');
              $('#scrollable').css('overflow-y','hidden')
                              .css('overflow-x','auto')
                                  .css('width',this.width);
              //remove the rest of the old table.
              $(this).remove();
    })(jQuery);//maintain reference to the jQuery object so we can use $here is a sample page.
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
         <head>
              <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
              <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
              <script type="text/javascript" src="jQuery.scrollable-1.0.js"></script>
              <script type="text/javascript">
                   $(function(){
                        $('#mytable').scrollable(1,'75px');
              </script>
              <title>Scrollable Test!</title>
         </head>
         <body>
              <table id="mytable">          
                   <tr>
                        <td>11111</td>
                        <td>22222</td>
                        <td>33333</td>
                        <td>44444</td>
                        <td>55555</td>
                        <td>66666</td>
                   </tr>
                   <tr>
                        <td>11111</td>
                        <td>22222</td>
                        <td>33333</td>
                        <td>44444</td>
                        <td>55555</td>
                        <td>66666</td>
                   </tr>
                   <tr>
                        <td>11111</td>
                        <td>22222</td>
                        <td>33333</td>
                        <td>44444</td>
                        <td>55555</td>
                        <td>66666</td>
                   </tr>
                   <tr>
                        <td>11111</td>
                        <td>22222</td>
                        <td>33333</td>
                        <td>44444</td>
                        <td>55555</td>
                        <td>66666</td>
                   </tr>
                   <tr>
                        <td>11111</td>
                        <td>22222</td>
                        <td>33333</td>
                        <td>44444</td>
                        <td>55555</td>
                        <td>66666</td>
                   </tr>
                   <tr>
                        <td>11111</td>
                        <td>22222</td>
                        <td>33333</td>
                        <td>44444</td>
                        <td>55555</td>
                        <td>66666</td>
                   </tr>               
              </table>
         </body>
    </html>Cheers,
    Tyson

  • Attching shapes to cells

    I am trying to create a room booking system with room types and dates as headers and footers as a spreadsheet in numbers. I would like to use shapes to fill in areas for rooms that are booked. However, shapes are always floating above my frozen columns (and tables) when I really want to to pass under the columns (room titles) when I scroll through the dates. Is there any way to attach shapes to cells and tables?

    EDIT: I re-read your original question to see if I had answered it and found that I had not. Your problem was with frozen headers and the shapes being on top of the headers when it scrolls. Not sure I can solve that one. Less than 100% opacity on the shapes will let you read through them but it is not a complete solution.
    And here's what I had written, if anything here is of use:
    I went to that website yesterday and saw the colored chart. The leading and trailing points on the shape did not seem necessary, though maybe preferable. But you probably also want the text in the boxes and that is leading you to merging of cells. Unfortunately this adds some steps to creating the colored areas and deleting the colored areas. So here is an idea:
    Shapes can have text in them. The ones in the screenshot below were created with a double-ended fat arrow. It is modifiable into this shape and I made it the height of a row in my table. I went to the Text Inspector and set the inset margin for the text to zero. I selected 12 point text. I then made several copies of this shape and filled them with different colors. I locked the table so it can't be moved. I did not lock the four shapes (I'll say why later). Simply copy/paste a shape, relocate it to the table, stretch it horizontally to fit the cells you want to cover, and change the text. Delete it and it's gone. Move it or stretch it if the reservation changes.
    I did not lock the shapes because you can't copy/paste them as easily. They paste as locked shapes which you then have to unlock to move. If you choose to write a "copy, paste, then unlock" script and assign a key to it, then I'd lock them.

  • Af:table auto width

    Hi Folks,
    i have an af:table with some column. Selection of some inputChoice hides/unhides on of the columns. The moment column is hidden i can see blank space for that column. How can we adjust the width of table based on nos of columns to be displayed.
    Its a simple JEE project with adf faces as presentation tier
    thnks

    the columnStretching property works like this:
    Indicates what kind of stretching you want applied to the columns. For optimal performance, use the "none" (default) option. If you want the last column to stretch to fill up any unused space inside of the viewport, use the "last" option. If you want to have an empty blank column be automatically inserted and have it stretch (so the row background colors will span the entire width of the table), use the "blank" option. If you want to have a specific leaf (non-group) column stretch to fill up any unused space inside of the viewport, use the option where you specify "column:" followed by the ID of the column that you want to have stretched, e.g. "column:myColId". If you want more than one column stretched, use the "multiple" option. When the "multiple" option is used you can set the widths in the columns (non-group) to be percentages. See the column documentation for how percentages are handled. Note that row headers and frozen columns will not be stretched because doing so could easily leave the user unable to access the scrollable data body of the table.

Maybe you are looking for