Independent Cell Widths in a Table

Okay, need some help here.  I may simpy be haveing brain freeze.  I'm trying to adjust cells to have 3 columns on top and two on the lower rows.  However, one og the columsn below wont change but reamin attached to any of the three columns on top (see image1).
I want it to look like this:
I know it can be done but for the life of me I can't remember.
Thanks,
Clyde

Use this code and change it as appropriate.
<table style="width: 100%" border="1" class="style1">
                <tr>
                                <td style="width: 33%"> </td>
                                <td style="width: 33%"> </td>
                                <td style="width: 34%"> </td>
                </tr>
                <tr>
                                <td style="width: 33%"> </td>
                                <td style="width: 33%"> </td>
                                <td style="width: 34%"> </td>
                </tr>
                <tr>
                                <td style="width: 33%"> </td>
                                <td style="width: 33%"> </td>
                                <td style="width: 34%"> </td>
                </tr>
</table>
<table style="width: 100%" border="1" class="style1">
                <tr>
                                <td colspan="2" style="width: 50%"> </td>
                                <td style="width: 50%"> </td>
                </tr>
                <tr>
                                <td colspan="2" style="width: 50%"> </td>
                                <td style="width: 50%"> </td>
                </tr>
</table>
hth

Similar Messages

  • How to adjust the cell width in the table

    How can the width of the cell in a table for ADE be adjusted ?
    I wrote the following HTML code in a ePub file.
    <table style="width:100%;border-collapse: collapse;">
            <tr><td style="width:25%">red</td>
    <td style="width:75%">red</td></tr>
          </table>
    But, the created table runs over the page at the right side in the ADE (see figure). The values of widths in the both td tags are set to 50% and the same result is got.  However, with no set of the values the table fits in the page.
    Why? How should I do?

    Try adding "margin: 0;" to the table style (or to parent elements of the table)
    In case you don't know already, itis easy to play quickly with HTML at a site like http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic
    However, that won't reflect the 'outer' environment imposed by different browsers, eReaders etc.
    The more explicit you make your HTML (eg explicit margin) rather than leaving it to environment support,
    the more likely it is to appear the same (within reason of size etc) on all browsers/devices.
    Probably worth making a fairly extensive style of your defaults that applies at the <doc> level.

  • Having difficulty resizing a single cell width in a table

    Hi
    I have a table in a Pages 09 document with several different rows and columns. I'm having real trouble trying to resize a single cell - that is I have a row split into two columns and the left column won't shrink very far so I have loads of empty space after the text I have in that column which is a pain as it looks untidy. I've selected that cell and have no option to adjust column width in Table Inspector, I've selected 'Automatically adjust width to text size' and that's making no difference and trying to manually move the cell wall to the left makes no difference - it'll go so far and then no more.
    What's just as annoying is that I have exactly the same 'one row/two columns' format just below this row and that left column cell shrinks even less, meaning I have a staggered columns set up going on down my table which looks daft.

    I am unable to reproduce this behaviour.
    You may activate the "Show Invisible Characters" feature which will perhaps reveal the existence of extraneous chars.
    If it's not that, I would be interested to receive this table.
    Of course, remove personal infos from the document before sending it to my mailbox.
    Click my blue name to get my address.
    Yvan KOENIG (VALLAURIS, France) mercredi 31 mars 2010 22:07:25

  • Problem with Characteristic cell width

    Hi All,
    I'm struggling to get the characteristic cell width using the table interface to work correctly.
    I have coded the following in CHARACTERISTIC_CELL in the table interface :
    move 'style="width:230px"' to c_cell_td_extend.
    This appears to work in the Dev system but moving to production, it no longer applies and the charcteristic cells are the size of the values from the queries.
    Would anyone have had this same prob or an idea of how to force the charcteristic cells to be the width I want them ?
    The reason I am doing this is because I need to place multiple table results above one another and when I remove the cell headings the columns misalign ...
    Thanks
    Chris

    Chris,
    if your modifier is working properly , you should be able to see the width=230px in the HTML source of the template.
    Another way could be to attach this width to a stylesheet class and attach the class to the cell instead.
    Arun
    Assign points if useful

  • Automatically Sizing Table Cell Width Using CSS

    How can I get my CSS sheet to automatically size the width of
    the table cells where text is located?
    Example
    Page

    quote:
    Originally posted by:
    Newsgroup User
    That's how table cells work with no prompting from you, if
    they have no
    width assigned at all.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "rmiman" <[email protected]> wrote in
    message
    news:ev0h1o$a4j$[email protected]..
    > How can I get my CSS sheet to automatically size the
    width of the table
    > cells where text is located?
    >
    >
    http://www.rminc.com/test_examples/test3.html
    I know but let's say I want to have a table with a width of
    600px and 5 columns, 2 of those colums have content and the other 3
    don't. I want those 2 columns with content to automatically size
    themselves but since my table has a width of 600px it won't
    work.

  • Fully independent cell selections

    I have been working thru the Swing Tables tutorial to learn how to select nonadjacent cells as would be needed in a week calendar (viewed as a 7 x 24 table) to select a 3rd shift � e.g., Monday 3rd shift is Monday 2300 thru Tuesday 0700. I see two notes in the tutorial that makes me think that is �not in the cards�, so to speak, with JTable. Here is the note from the tutorial:
    NOTE: JTable uses a very simple concept of selection, managed as an intersection of rows and columns. It was not designed to handle fully independent cell selections.
    NOTE: Setting cellSelectionEnabled to a value has the side effect of also setting both rowSelectionEnabled and columnSelectionEnabled to that value. Setting both rowSelectionEnabled and columnSelectionEnabled to a value has the side effect of also setting cellSelectionEnabled to that value. Setting rowSelectionEnabled and columnSelectionEnabled to different values has the side effect of also setting cellSelectionEnabled to false.
    Fair enough; JTable is not the answer. Unfortunately, the tutorial does not offer any hints about how to manage fully independent cell selection. So far, there does not appear to be a way to add that support by customizing a Table Model.
    Anybody have any ideas about what else to use?

    Use this code and change it as appropriate.
    <table style="width: 100%" border="1" class="style1">
                    <tr>
                                    <td style="width: 33%"> </td>
                                    <td style="width: 33%"> </td>
                                    <td style="width: 34%"> </td>
                    </tr>
                    <tr>
                                    <td style="width: 33%"> </td>
                                    <td style="width: 33%"> </td>
                                    <td style="width: 34%"> </td>
                    </tr>
                    <tr>
                                    <td style="width: 33%"> </td>
                                    <td style="width: 33%"> </td>
                                    <td style="width: 34%"> </td>
                    </tr>
    </table>
    <table style="width: 100%" border="1" class="style1">
                    <tr>
                                    <td colspan="2" style="width: 50%"> </td>
                                    <td style="width: 50%"> </td>
                    </tr>
                    <tr>
                                    <td colspan="2" style="width: 50%"> </td>
                                    <td style="width: 50%"> </td>
                    </tr>
    </table>
    hth

  • Problem with increased cell width

    Hi Gurus,
    In Smartform while creating table, on wat basis we give the cell width i mean column width, is that based on the length of the variable, or is there any formula to align perfectly.
    Thanks in Advance,
    Viswam.
    Message was edited by:
            viswam

    Hi,
    You find the length of fieldname for the header and the field to be displayed in item.
    Total
    total(15),
    here total is 5 characters while the variable under it can contain atmost 15 characters. So we assign cell width at least 15 + 5(min) = 20 unit. It basically depends on how many columns to display. If less columns are used you can be liberal, but if more number columns are to be displayed just add 5 or whatever number you want to the bigger of the two mentioned above.
    Regards,
    mallick

  • Jtable cell width in JFileChooser

    I wonder if there is a way to adjust the table cell width in JFileChooser ?
    When I list the "My Computer" directory, I can see a list of drives in a JTable, such as "A:\", "C:\", "D:\", I've set it that way so that it displays the JTable view details as default. But the widths of the columns aren't the way I'd like to see, how can I adjust the cell widths of "Name", "Type","TotalSize" ...
    Thanks
    Frank

    uhmm yes, but i want to set automatically at run time,Then you need to calculate it at run time. Search the forum. There are many postings on this topic that give a solution. Basically you loop through all the rows in the column and invoke the prepareRenderer(...) method of the table and save the largest width and then set the TableColumn width.

  • Edit cell in sap.m.table

    Hi, how I could enable or editaable a cell in sap.m.table? This is my soruce code: var productTable = new sap.m.Table("orderItemsDisplay",{ growing:true, visible: true, growingThreshold: 5,        columns : [ new sap.m.Column({            minScreenWidth: "Tablet"        })        ] });    productTable.bindItems("/order/products", new sap.m.ColumnListItem({        cells : [            new sap.m.Input("idQuantityDisplay",{        value: "{Quantity}",        width:"3em",        enabled:false        })                ]        })); In my controller I set this sap.ui.getCore().byId("idQuantityDisplay").setEditable(true) but it dosen't works. THanks!!

    Hi Jose,
              Here is the code for Editing cells.
    var oTable = new sap.ui.table.Table({
        selectionMode: sap.ui.table.SelectionMode.None
      oTable.addColumn(new sap.ui.table.Column({
        label: 'First Name',
        template: new sap.ui.commons.TextField({
          value: '{fname}'
      oTable.addColumn(new sap.ui.table.Column({
        label: 'Last Name',
        template: new sap.ui.commons.TextField({
          value: '{lname}'
      oTable.bindRows('/');
    var model = new sap.ui.model.json.JSONModel();
      model.setData([
        {fname: 'Joe', lname: 'Bloggs'},
        {fname: 'Kele', lname: 'Kyle'},
        {fname:'Kom', lname: 'Mary'}
      oTable.setModel(model);
      oTable.placeAt('content');
    Regards
    Moulika

  • Individual Cell Width?

    I am trying to change the width of a individual cell within a
    table in Dreamweaver 8, however when I click and drag to change the
    width, it also grabs the cell above it, changing both cells,
    however I only want to have the width of one cell changed.
    I know that to do it in Microsoft products, you select the
    one cell, but I have great difficulty to select an individual cell
    in Dreamweaver and do not think it works anyway.
    Please could someone tell me how to do it please? Thank you
    n.b. I am a designer, and would prefer to know via designing
    techniques

    That's not how cells in a HTML table work.
    You can try splitting your cell(s) and see how that works.
    "The Kelvinater" <[email protected]> wrote
    in message
    news:etuioq$bun$[email protected]..
    >I am trying to change the width of a individual cell
    within a table in
    > Dreamweaver 8, however when I click and drag to change
    the width, it also
    > grabs
    > the cell above it, changing both cells, however I only
    want to have the
    > width
    > of one cell changed.
    >
    > I know that to do it in Microsoft products, you select
    the one cell, but I
    > have great difficulty to select an individual cell in
    Dreamweaver and do
    > not
    > think it works anyway.
    >
    > Please could someone tell me how to do it please? Thank
    you
    >

  • How to increas the width of the Table in OBIEE Report

    Hi ,
    I am creating a OBIEE report, the report has table and 30 column in it. When I am viewing the report in an excel file , its appearing good but the width of the table is so small if I am viewing the same in internet explorer/PDF .I dont know how to increase the width of the table. Could you please sort this issue out.
    Thanks
    Govindan P

    - you can increase the width of a column -> column format values -> Additional Formatting Options
    increase the width:
    - Report level:
    result tab -> Click on Format container of Table -> Additional Formatting Options
    u can assign value width : 500 height:.....
    - dashboard level:
    Edit options -> section -> Format section -> Additional Formatting Options
    here also u can change the width
    u can assign value width : 500 height:.....
    pls mark it helps....
    Edited by: 979481 on Feb 6, 2013 1:25 AM

  • Width of type of line "LINE" doesnu00B4t fit the width of the table - Smartform

    Hi;
    I´m working with the Z smartform of "YBAA_SDINV", my problem is the next:
    a) The width of the "TABLEITEM" node had a 31.09cm,
    b) then i reduced the size of the "TABLEITEM" window and activate the smartform, not warning about problem size was displayed
    c) i go to  tcode VF03 to preview the invoice but it does´nt display it
    d) i return to the Z smartform a modify to original size and activate, go to VF03 to preview and it doesn´t display it
    c) i change manually the size of the width of th table  to 28cm, activate and get error size message
    d) i close the smartform with out saving
    e) i return the width of th table  to 31.09cm an now when i see the DETAILS of the TABLEITEM all the sizes are gone for all the defined lines
    IT_GEN3 => this is the line i´ve defined to display data in the invoice, and is the only one with numbers in the columns
    HD_GEN
    IT_GEN
    IT_DESC
    IT_GEN2
    IT_CUSTMAT
    How can i make to display again the content of the line...?
    Thanlas on advance

    If you use a baseline grid and space before/after your spaces must by necessity equal the leading (using the align to grid option will force them to the grid, regardless of the chosen size). The grid should match the leading of your body copy.
    If you have headings that you want space before and after, don't align them to the grid, but make sure that the total of the space before, after, and leading for the style add up to a multiple of the body text leading. That will work smoothly everywhere except at the top of a column, where the space before is ignored, and will be added to the space below by virtue of the align to grid on the body copy.
    If instead of having all the copy lign to the grid you just want the top and bottom lines flush, and you want the leading within the paragraphs constant, but a variable space between paragraphs, set the text frame to vertically justified, then set the maximum spacing between paragraphs to a ridiculously large number and all of the extra space required to fill the column will be split between the paragraphs.
    Peter.

  • How can I get right data in a cell of JTable when table  enter editing

    how can I get right data in a cell of JTable when table enter editing

    how can I get right data in a cell of JTable when table enter editing

  • Fill in blank cells of a Pivot Table Value field area

    Hi,
    In this workbook (http://1drv.ms/1oHk0QV), a normal Pivot Table has been created on the "Pivot Table" worksheet.  I'd like the blank cells of the Pivot Table to be filled up with the preceding non blank
    value.  So to take an example of Product A, the following is what I want:
    1. H5:N5 should have 1
    2. P5:S5 should have 2
    3. U5:W5 should have 2
    4. Y5:BA5 should have 3
    The same should be done for the others as well.
    I have attempted something on the "PowerPivot" worksheet but I do not get the correct result.
    Please help.
    Regards, Ashish Mathur Microsoft Excel MVP www.ashishmathur.com

    there you go:
    YourMeasure:=CALCULATE([State value],
    LASTNONBLANK(FILTER(ALL(Table2[Week]), Table2[Week] <= MAX(Table2[Week])), [State value])
    it basically finds the last week with a valid [State Value] and shows it
    hth,
    gerhard
    Gerhard Brueckl
    blogging @ http://blog.gbrueckl.at
    working @ http://www.pmOne.com

  • Dynamic Creation of cells or change of cell behaviour of a table at runtime

    Hello all,
    Can anybody tell me how can we change the cell behaviour of a table at runtime or creating the table row with different cell properties dynamically at runtime in ABAP webdynpro.
    for ex the table at runtime can be like...
    The 1st row the 1st cell can be a check box.
    The 2nd row the 1st cell can be a input field.
    The 3rd row the 1st cell can be a radio selection field.
    Business Ex : Dynamic Attributes in BID Invitation
    Thanks in advance in clarifying the doubt.

    Hi Mani,
    You could use code similar to the following code in your WDDOMODIFY method of the view in which the table is placed.
    data wd_table_cell_editor type ref to cl_Wd_view_element.
      data wd_table_column      type ref to cl_wd_table_column.
    wd_table_cell_editor ?= view->get_element( ID ). (Or any other way to get the refernce to the table cell editor)
    wd_table_column ?= wd_table_cell_editor->get__parent( ).
    (Get a refernce to table column throught table cell editor or directly)
    Now use the set_cell_editor method of wd_table_column to set the column to check box or input or any other field of your requirement.
    Also, I suggest you to use ALV as it is simpler change the cell editor and it provides many other improved functionalities.
    Regards,
    Srini.

Maybe you are looking for