Aligning cells in table

Hi,
I have a requirement to show the output as follows in pdf output using rtf:
Item Description Qty-1 Qty-2 TotalQty | LPN LPN_qty RcvdDate
------------------------------------------------------------------|-----------------------------------------------------
Pen Pen 10 5 15 | 103 2 12-nov-2000
|------------------------------------------------------
| 102 3 12-nov-2000
Pen2 Pen 2 10 5 15 | 103 2 12-nov-200
|------------------------------------------------------
| 102 3 12-nov-2000
In essence, child rows table border (lpn) and parent row (item details) must be in sync without any gap.
How to achieve this? I am new to BI publisher and very bad at word editor in preparing the layouts. can anyone help ?
Below is the xml data structure.
FYI:
<g_item>
<pen>
<qty>
<g_lpn>
<lpn>
<lp_qty>
<lpn_date>
</g_lpn>
</g_item>
Please let me know if myquestion is not clear enough to provide a solution.
Thanks,
Mukthi

Place the repeating child table inside the cell of parent table.
Set the cell margin values to 0 from table properties for the child table.

Similar Messages

Horizontal align center in table-cell

Hello,
I'm having a problem getting to horizontally align a div (schilderij) in another div (schilderijholder).
This schilderij div has a height and width of 480px and has display: table-cell. The content of this div is an image, with different sizes on every page (there are multiple pages, it is some sort of photogallery). The images are nicely centered, horizontally and vertically, inside this div.
The containing div (schilderijholder), has a width of 100% of it's containing block, which has a variable size
The problem is, I cant get the schilderij div horizontally centered in the schilderijholder div.
Here's the simplified code. If you need the whole code, I can post that too.
    <div class="leftWrapper" style="clear: none; float: left; width: 68%; height: 100%;">
    <div class="content" style="margin: 40 10 50 30;">
      <div id="schilderijholder" style="text-align: center; width: 100%; height: 100%;">
          <div id="schilderij" style=" height: 480px; width: 480px; text-align: center; vertical-align: middle; display: table-cell;">
            <img src="../Assets/Schilderijen/normal/01.jpg" width="399" height="480" align="center" />
            </div>
          </div>
        <div id="pageControl">
        <span class="left">
          <a href="schilderijen2.html"></a> </span>
          <span class="right">
          <a href="02.html">Volgende</a>
            </span>
          </div>
      </div>
     </div>
What I've tried:
     - "margin: 0 auto;" on the schilderij div
     - "position: relative;" on the schilderijholder div and "position: absolute; left: 50%; margin-left: -240px;" on the schilderij div
But these both don't work.
Does anybody know a solution for this, or maybe has something to put me on the right way?
Thanks in advance!

Let's fix your code first:
<div class="leftWrapper" style="float: left; width: 68%; height: 100%;">
    <div class="content" style="margin: 40px 10px 50px 30px;">
      <div id="schilderijholder" style="text-align: center; width: 100%; height: 100%;">
          <div id="schilderij" style=" height: 480px; width: 480px; text-align: center; vertical-align: middle; display: table-cell;">
            <img src="../Assets/Schilderijen/normal/01.jpg" width="399" height="480" align="center" />
            </div>
          </div>
        <div id="pageControl">
        <span class="left">
          <a href="schilderijen2.html"></a> </span>
          <span class="right">
          <a href="02.html">Volgende</a>
            </span>
          </div>
      </div>
     </div>
Why do you need the div#schilderij at all? Seems unnecessary to me.
Then you would need the display:table-cell on the parent to this div, not on the div#schilderij, which has basically the same dimensions as the image. But I think this is all too complicated. Why not just this?
<div class="leftWrapper" style="float: left; width: 68%;">
    <div class="content" style="margin: 40px 10px 50px 30px;">
      <div id="schilderijholder" style="text-align: center;">
            <img src="../Assets/Schilderijen/normal/01.jpg" width="399" height="480" align="center" />
            </div>
          </div>
        <div id="pageControl">
        <span class="left">
          <a href="schilderijen2.html"></a> </span>
          <span class="right">
          <a href="02.html">Volgende</a>
            </span>
          </div>
      </div>
     </div>

Is there a recommended limit on the number of custom sections and the cells per table so that there are no performance issues with the UI?

Is there a recommended limit on the number of custom sections and the cells per table so that there are no performance issues with the UI?

Thanks Kelly,
The answers would be the following:
1200 cells per custom section (NEW COUNT), and up to 30 custom sections per spec.
Assuming all will be populated, and this would apply to all final material specs in the system which could be ~25% of all material specs.
The cells will be numeric, free text, drop downs, and some calculated numeric.
Are we reaching the limits for UI performance?
Thanks

How to get selected/focused cell from table, and action on clicked

Hello Web Dynpro Community!
i have a view with a table, (id "Table_0");
table is 3x3 size, as celleditors i used inputfields; (standard binding to context with string atributes)
below table i have textarea.
when i select any cell in table i want to add that cell coords to textarea (col and row)
i know that i should use onLeadSelect action, but i dont know exacly how. or to be precise.. how to access to ID and row variables in that action.
the other problem is.. that onLeadSelect seems to work only when i change lead not the cell in same row.. so prabobly there is better way to do that..
any ideas?
Looking to hear from You.
EDIT:
Now i have following problem:
i have a table 3x3 with one column as dropdownbykey box and 2 as TableSingleMarkableCell (and inputFields As editors).
it works as i wanted:
so when i click on one of those input cells, insert vale AND click enter then the action onEnter( for inputfield) is fired... i can get the coords of that cell..
problem is.. that i want to get the coords before i click enter.. just when i click in cell.
i tried to use onAction event for column.. but it doesnt work for TableSingleMArkableCells (but it works for ddk column correctly).
so there is any way to do that?
ie:
below table i have inputfield (called value).
when i click on cell (and DO NOT press enter) i want to see the cell value in inputfield value.
future (and target need) is that i need to show some additional text for specific Cell. (i have an Object with 2 strings attributes, one i want to show in cell, and one in inputfield when cell is clicked).
M.
Edited by: Michal Rowinski on Jan 16, 2008 9:51 AM

You can use cell variant for your requirement . Go through the below link
https://www.sdn.sap.com/irj/sdn/go/portal/prtroot/docs/library/uuid/c0310fd2-f40d-2a10-b288-bcbe0810a961
Regards,
Nethaji

Set back ground color to a particular cell in table view

hi,
    iam working on a jspDynpage and have a htmlb table view for which i need a way to set back ground color to a particular cell in table view, the color has to be set based on a value..is there a way to do it without using an iterator...well iam using a cellRenderer for the table but cant find a way to set the colors...if anyone does have a way please do reply...regards

You can mention the color in <b>textview</b> as well as <b>Label as follows:</b>
      <htmlb:textView     text          = "<span style='background-color: #00FF00'>My Textview</span>"
                          design        = "EMPHASIZED" />
      <htmlb:label for = "MyLabel"
                   text = "<span style='background-color: #00FF00'>Label </span>"
                   encode = "false"/>
Reward each helpful answer
Raja T
Message was edited by:
        Raja Thangamani

Unable to merge cells in Table(WAD)

HI Gurus,
I am working on BI7.0,
I am trying to create Web Templates to display reports in portal for that
I have selected Table (rows and coloms), When I try to merge first two cells
(to write descritpion of query) it is not allowing me to merge.
Can anybody suggest me how to merge two cells in table.
Thanks in advance.
Maruthi
Edited by: maruthi k on Dec 15, 2008 2:04 PM

If you're talking simply about merging the cells in an HTML table, then you use the COLSPAN or ROWSPAN options in HTML.
Check out the following
<html>
<body>
    <table border="1" cellpadding="2" cellspacing="0">
        <tr>
            <td>
                Heading 1</td>
            <td>
                Heading 2</td>
            <td>
                Heading 3</td>
        </tr>
        <tr>
            <td colspan="2">
                Text covering 2 cells</td>
            <td>
                Last cell</td>
        </tr>
        <tr>
            <td rowspan="2">
                Text covering 2 cells across 2 rows</td>
            <td>
                Text in cell 2 row 2</td>
            <td>
                Text in cell 3 row 2</td>
        </tr>
        <tr>
            <td>
                Text in cell 2 row 3</td>
            <td>
                Text in cell 3 row 3</td>
        </tr>
    </table>
</body>
</html>
Take the above code and put it in a simple HTML file and run that file in your browser, you should then be able to see how COLSPAN and ROWSPAN work.
COLSPAN=2 means that the cell spans 2 columns. Similary, COLSPAN=3 would then span 3 columns.
Remember though that when you set COLSPAN=2, you will need 1 less TD in that row, otherwise you end up with an extra cell in that row which makes your table look all messy.
Now, in your template, get into the XHTML view, find the table, and set the COLSPAN / ROWSPAN accordingly.
Hope this helps.
Cheers,
Andrew

Number of rows inside a cell in table

Hie all,
I have a requirement in that I have to create the number of rows inside the cell of table. I did it using the subforms as a body page of a row.
but facing problems when you have number of rows such as data truncation and overlapping of rows..
Please help.

Hi,
You can also create table inside the cell of the column by following steps:
1.Select the Cell of the Column in table.
2.Go to Table -->Insert-->and choose as per your requirement(You can adjust the row ans column as per your requirement).
3. Go to Pallette-->Border and hide the border if not required.
This is will not create problem of overlapping or truncation.
Regards,
Shweta

How to colour cells in table ui element

hi,
i have to colour the cells in table ui element with diiferent colour according to the condition...
kindly suggest the same . any help will be appreciated.
thanks and regards,
sahai.s

Hi Sahai,
Please check below sample code..
DATA lo_nd_segment1 TYPE REF TO if_wd_context_node.
DATA lo_el_segment1 TYPE REF TO if_wd_context_element.
DATA ls_segment1 TYPE wd_this->Element_segment1.
data lt_segment1 type wd_this->elements_segment1.
DATA lv_segment TYPE wd_this->Element_segment1-segment.
data lr_column type ref to cl_wd_table_column.
navigate from <CONTEXT> to <SEGMENT1> via lead selection
lo_nd_segment1 = wd_context->get_child_node( name = wd_this->wdctx_segment1 ).
get element via lead selection
lo_el_segment1 = lo_nd_segment1->get_element( ).
lo_el_segment1 = WDEVENT->GET_CONTEXT_ELEMENT( 'CONTEXT_ELEMENT' ).
get all declared attributes
lo_el_segment1->get_static_attributes(
    IMPORTING
      static_attributes = ls_segment1 ).
DATA : lv_dropdown type string .
data desnval type WDUI_TABLE_CELL_DESIGN.
lv_dropdown = ls_segment1-segment. // this is drop down, based on drop down value i am setting color.
if lv_dropdown = 1.
    desnval = cl_wd_table_column=>e_cell_design-badvalue_medium.
endif.
if lv_dropdown = 2.
    desnval = cl_wd_table_column=>e_cell_design-criticalvalue_medium.
endif.
if lv_dropdown = 3.
    desnval = cl_wd_table_column=>e_cell_design-key_medium.
endif.
if lv_dropdown = 4.
    desnval = cl_wd_table_column=>e_cell_design-goodvalue_medium.
endif.
lo_el_segment1->set_Attribute(
name = 'CELL_DESIGN'
VALUE = desnval ).
Cheers,
Kris.
Edited by: kissnas on Apr 9, 2011 6:53 AM

How can make the cell in table keep unchanged?

In my program, I have set the cell in table as :jTable1.setCellSelectionEnabled(false); so I think it can't be edited, but it does't work, I can still edit it by double clicks on this cell, why ? what will I do ?
thanks!

// although this is swing related question.
public class UneditableTableModel extends
javax.swing.table.DefaultTableModel{
public boolean isCellEditable(int row, int col){
return false;
// then pass this class to constructor of JTable.
// i.e. new javax,swing.JTable(new
UneditableTableModel(record, columnNames))thanks ,it works very well !!!

How to set field alignment in a table in jdev 11.1.2.3?

hi,
How to set field alignment in a table in jdev 11.1.2.3?
eg: to diplay a number field in a table as right aligned.
I have tried to set field(amount) VO UI Hint Format Type:Number; Format: 0000.00
and jspx as flowing, but it doesnot work.
Thanks.
bao
<af:column sortProperty="#{bindings.VO1.hints.Amount.name}"
sortable="true"
headerText="#{bindings.VO1.hints.Amount.label}"
id="c44" width="60"
align="center">
<af:inputText value="#{row.bindings.Amount.inputValue}"
label="#{bindings.VO1.hints.Amount.label}"
required="#{bindings.VO1.hints.Amount.mandatory}"
columns="#{bindings.VO1.hints.Amount.displayWidth}"
maximumLength="#{bindings.VO1.hints.Amount.precision}"
shortDesc="#{bindings.VO1.hints.Amount.tooltip}"
id="it58"
secret="false"
inlineStyle="text-decoration:overline;">
<f:validator binding="#{row.bindings.Amount.validator}"/>
</af:inputText>
</af:column>

Works for me:
        <af:column sortProperty="#{bindings.EmployeesView1.hints.Salary.name}" sortable="false"
                   headerText="#{bindings.EmployeesView1.hints.Salary.label}" id="c7" align="right">
          <af:inputText value="#{row.bindings.Salary.inputValue}" label="#{bindings.EmployeesView1.hints.Salary.label}"
                        required="#{bindings.EmployeesView1.hints.Salary.mandatory}"
                        columns="#{bindings.EmployeesView1.hints.Salary.displayWidth}"
                        maximumLength="#{bindings.EmployeesView1.hints.Salary.precision}"
                        shortDesc="#{bindings.EmployeesView1.hints.Salary.tooltip}" id="it6">
            <f:validator binding="#{row.bindings.Salary.validator}"/>
          </af:inputText>
        </af:column>JDeveloper 11.1.2.3
Salary is shown right-aligned.
What happens if you get rid of your inlineStyle on the af:inputText

Changing the background color of the row of the selected cell in table view

How can I change the background color of the table row when user clicks on table cell in table view?
Edited by: a_brar on May 5, 2012 11:12 PM

You could apply the following css style (by defining a custom stylsheet with the following lines and loading it into your app).
The last color sets the background color of the selected row while the table-view has focus (in this case to orange).
.table-view:focused .table-row-cell:filled:focused:selected {
-fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, orange;
}There are quite a lot of subtleties in the css styling for the tableview (e.g. different colors for the selected row when the control has focus vs when it doesn't or when the user hovers over a selected row in an unfocussed tableview), which you may want to cater for when chaning the background color of the selected row in a table view. There is also alternate styling for when the tableview is in row selection vs cell selection mode. So you may want to look at customizing further based on the css styles in caspian.css in sdk/rt/lib/jfxrt.jar if you can understand the complex css there.

How to change the color of the Cell in Table ?

Thanks a lot

Here is the code to change the color of the cell in Table.
First you need to write a class extending JTextField and implementing TableCellRenderer interface which has only one method as follows
public class MyCellRenderer extends JTextField implements TableCellRenderer
public Component getTableCellRendererComponent(JTable table, Object value,boolean isSelected, boolean hasFocus,int row, int column)
setForeground(Color.blue);
and wherever you create the table you need to set this renderer as the table cell renderer for your table. code follows...
TableColumnModel tcm = yourtable.getColumnModel();
          Enumeration tce =tcm.getColumns();
          while (tce.hasMoreElements())
               TableColumn tc=(TableColumn)tce.nextElement();
               tc.setCellRenderer(new MyCellRenderer());
this will solve your problem. you need to import the required packages.
Srinivas.

Any way that prompt a pull down menu when click a cell of table?

Hello guys,
Thanks in advance for your reading...
Enter characters for each cell in table is difficult, i want to program to show a pull down menu when click the cell in the table, so i can easy to input the characters by click the item on the popup menu.
Thanks, Steven

Here is the example code
Tushar Jambhekar
[email protected]
Jambhekar Automation Solutions
LabVIEW Consultancy, LabVIEW Training
Rent a LabVIEW Developer, My Blog
Attachments:
Drop down.zip ‏30 KB

Images not aligning properly in table cells

I have a simple table (1 row, 4 columns).
Three of the images have identical dimensions (108 x 200 pixels). After placing them each into a cell of the table, the middle image is not aligned with the other two. Instead, it is higher in the cell.
I looked at source code, and everything appears to be identical. Also, every image has the default setting for alignment (center, middle).
How can I fix this?
Thanks

OK thanks for posting a link to your site. The error is in Line 73 . The code snippet looks like this:
Click on the above picture to get a magnified version of it and you will see that in Line 73 you have something like this:
& nbsp;
Delete it and your problem is solved.
Good luck.

I can't align cell dividers in a table!

Hi everybody!
I am working with Pages 4.02. I created a table, I added columns to it (split into columns) but it seems I can't find a way to align the vertical dividers of individual cells to other dividers in the next row above (or below).
When I select the cell, the width and high of the cell in the inspector are unavailable.
I select the individual vertical border, I drag it, but it seems to be stuck. There is barely any content on the cells, and I just have 2 or 3 columns total.
There is any way to work with this? What am I doing wrong? Is this a bug?
Thanks for your help!
Gus

No bug, the results of the huge change introduced in iWork '08.
Before that, Tables where defined by a specific code.
Now, Pages's tables are built with quite the same tool than Numbers ones.
This give a lot of interesting features: quite all functions available in Numbers are available in Pages tables.
You pointed one of the collateral effects.
We will have to live with it or leave it
Yvan KOENIG (from FRANCE jeudi 16 juillet 2009 22:05:15)

Aligning cells in table

Similar Messages

Maybe you are looking for