Embedded iFrame breaking table cell

At
http://www.marquiseknox.com/schedule.htm,
you'll see the right margin breaks near the top of the page, as the
schedule appears. So I'd like to fix this. All help is
welcome!

this is domed to fail;
the table width is a % of the page width while the Iframe is
an exact
dimension:
<table width="90%" border="0" align="center"
cellpadding="2"
cellspacing="2">
<tr>
<td><div align="center"><iframe height="650"
width="700"
If a visitor resizes the browser window the table breaks.
give the table an
exact dimension big enough to enclose the Iframe...remember
to account for
any cell spacing or padding you specify in your css or table
parameters.
Jeff
"Bushido" <[email protected]> wrote in
message
news:fq7i34$8l2$[email protected]..
> At
http://www.marquiseknox.com/schedule.htm,
you'll see the right margin
> breaks near the top of the page, as the schedule
appears. So I'd like to
> fix this. All help is welcome!

Similar Messages

InDesign Breaking Table CELLS..

can you set a table CELL that is really long and deep and must break across pages to BREAK in the middle so it can continue on the next page? it always wants to keep all the cells together...

Table cells do not break in ID.

Table cell progress indicator

I see in the JavaFX 2.2 API that there is a table cell implementation for rendering a progress bar. However, it appears that this only supports the progress indicator that takes an incremental update value (as a double, presumably a value between 0 and 1?) to adjust the "progress" in the indicator. There does not appear to be any support for an indeterminate progress indicator that can be embedded in a table cell.
I am asking because I have a situation where there will be a background task that will be launched potentially for any row in a table. The task may take some time to execute and complete and I would like to show an indeterminate progress indicator that will "spin" until the task completes. I wanted to be able to include this as a cell (column) for each row so that individual rows could indicate whether they were currently "working" or done.
Is there, or will there be in the near future, support for this type of functionality? Or, are there suggestions on a way to cobble together something that can do this?

Copy and paste the ProgressBarTableCell code and search and replace ProgressBar with ProgressIndicator on it.
http://hg.openjdk.java.net/openjfx/8/master/rt/file/tip/javafx-ui-controls/src/javafx/scene/control/cell/ProgressBarTableCell.java
Here's a minor update to the great example James put together which does this.
Seems to work fine. Only issue I see when running it on a recent jdk8 version is that the indeterminate progress indicator is a bit too big, then the whole indicator shrinks a little bit once the indicator switches to reporting percentage progress. I didn't investigate that any further, likely it's a minor styling bug in the new JavaFX modena style sheet for Java 8 which you could work around by applying your own style to indeterminate progress indicators.
* Portions of this code (ProgressIndicatorTableCell) are base upon Oracle
* JavaFX code (ProgressBarTableCell), which is subject to the following license term.
* Copyright (c) 2012, 2013, Oracle and/or its affiliates. All rights reserved.
* DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
* This code is free software; you can redistribute it and/or modify it
* under the terms of the GNU General Public License version 2 only, as
* published by the Free Software Foundation. Oracle designates this
* particular file as subject to the "Classpath" exception as provided
* by Oracle in the LICENSE file that accompanied this code.
* This code is distributed in the hope that it will be useful, but WITHOUT
* ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
* FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License
* version 2 for more details (a copy is included in the LICENSE file that
* accompanied this code).
* You should have received a copy of the GNU General Public License version
* 2 along with this work; if not, write to the Free Software Foundation,
* Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA.
* Please contact Oracle, 500 Oracle Parkway, Redwood Shores, CA 94065 USA
* or visit www.oracle.com if you need additional information or have any
* questions.
package test;
import java.util.Random;
import java.util.concurrent.*;
import javafx.application.Application;
import javafx.beans.value.ObservableValue;
import javafx.concurrent.Task;
import javafx.scene.Scene;
import javafx.scene.control.*;
import javafx.scene.control.cell.PropertyValueFactory;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;
import javafx.util.Callback;
public class ProgressIndicatorTableCellTest extends Application {
public void start(Stage primaryStage) {
    TableView<TestTask> table = new TableView<>();
    Random rng = new Random();
    for (int i = 0; i < 20; i++) {
      table.getItems().add(
              new TestTask(rng.nextInt(3000) + 2000, rng.nextInt(30) + 20));
    TableColumn<TestTask, String> statusCol = new TableColumn("Status");
    statusCol.setCellValueFactory(new PropertyValueFactory<TestTask, String>(
            "message"));
    statusCol.setPrefWidth(75);
    TableColumn<TestTask, Double> progressCol = new TableColumn("Progress");
    progressCol.setCellValueFactory(new PropertyValueFactory<TestTask, Double>(
            "progress"));
    progressCol
            .setCellFactory(ProgressIndicatorTableCell.<TestTask>forTableColumn());
    table.getColumns().addAll(statusCol, progressCol);
    BorderPane root = new BorderPane();
    root.setCenter(table);
    primaryStage.setScene(new Scene(root));
    primaryStage.show();
    ExecutorService executor = Executors.newFixedThreadPool(table.getItems().size(), new ThreadFactory() {
      @Override
      public Thread newThread(Runnable r) {
        Thread t = new Thread(r);
        t.setDaemon(true);
        return t;
    for (TestTask task : table.getItems()) {
      executor.execute(task);
public static void main(String[] args) { launch(args); }
static class TestTask extends Task<Void> {
    private final int waitTime; // milliseconds
    private final int pauseTime; // milliseconds
    public static final int NUM_ITERATIONS = 100;
    TestTask(int waitTime, int pauseTime) {
      this.waitTime = waitTime;
      this.pauseTime = pauseTime;
    @Override
    protected Void call() throws Exception {
      this.updateProgress(ProgressIndicator.INDETERMINATE_PROGRESS, 1);
      this.updateMessage("Waiting...");
      Thread.sleep(waitTime);
      this.updateMessage("Running...");
      for (int i = 0; i < NUM_ITERATIONS; i++) {
        updateProgress((1.0 * i) / NUM_ITERATIONS, 1);
        Thread.sleep(pauseTime);
      this.updateMessage("Done");
      this.updateProgress(1, 1);
      return null;
class ProgressIndicatorTableCell<S> extends TableCell<S, Double> {
public static <S> Callback<TableColumn<S, Double>, TableCell<S, Double>> forTableColumn() {
    return new Callback<TableColumn<S, Double>, TableCell<S, Double>>() {
      @Override
      public TableCell<S, Double> call(TableColumn<S, Double> param) {
        return new ProgressIndicatorTableCell<>();
private final ProgressIndicator progressIndicator;
private ObservableValue observable;
public ProgressIndicatorTableCell() {
    this.getStyleClass().add("progress-indicator-table-cell");
    this.progressIndicator = new ProgressIndicator();
    setGraphic(progressIndicator);
@Override public void updateItem(Double item, boolean empty) {
    super.updateItem(item, empty);
    if (empty) {
      setGraphic(null);
    } else {
      progressIndicator.progressProperty().unbind();
      observable = getTableColumn().getCellObservableValue(getIndex());
      if (observable != null) {
        progressIndicator.progressProperty().bind(observable);
      } else {
        progressIndicator.setProgress(item);
      setGraphic(progressIndicator);
}

IPhone UISwitch not appearing correctly in table cells

I have a table cell with a UISwitch attached to it.
When you click the switch it works (but not without a bit of code to make it switch when the word 'on' and 'off' are actually clicked) but when the table cell itself is clicked the switch distorts like shown here:
http://img35.imageshack.us/img35/6510/picture1df.png
what is the correct way to make a table cell with a UISwitch?

The code you posted looks like it should work on 3.0 just fine.
I've tried a custom table cell and it did the same thing
Assuming your custom subclass was built and used correctly, the above tells me something is definitely wrong in the cell's environment.
Perhaps it's something to do with the selecting of the row method?
Well that's certainly the first place to look. The delegate method you posted looks kinky. I would comment out that method, then go back to the solutions that didn't work in the past and see if your tableView:didSelectRowAtIndexPath: hasn't been the problem all along.
In any case I would get rid of the deselect message in tableView:didSelectRowAtIndexPath:. What are you trying to accomplish there? If you simply want to disable all selections, you can just code tableView.allowsSelection=NO during setup. If you want to know the user's selection but don't want the cell to actually become selected, try something like this in the delegate:
- (NSIndexPath *)tableView:(UITableView *)tableView willSelectRowAtIndexPath:(NSIndexPath *)indexPath {
return nil;
If you want the cell to actually become selected, but don't want its appearance to change, try cell.selectionStyle=UITableViewCellSelectionStyleNone in tableView:cellForRowAtIndexPath:.
If tableView:didSelectRowAtIndexPath: turns out not to have been the problem, we'll need to look at the rest of your table view code. I've found the kind of problem you described is easily isolated once you have faith in some assumptions. In this case you just need to believe that both the subclass solution and the code in UICatalog will allow a UISwitch to display and operate perfectly. Once you believe that, you'll pay more attention to the rest of you code.
One excellent way to gain faith in the basic structure is to start a fresh testbed and, for example, use code similar to UICatalog to bring up a table view with a UISwitch in one or more cells. Once you see how easy it is to make that work, you can start backing in some of your more creative init, delegate and/or data source methods until you break the testbed.
- Ray

Mail.app: text in table cells in incoming formatted mail - problems replying

MacOS 10.9.2
mail.app 7.2, threading enabled
Sometimes I receive a formatted email that is really difficult to reply to, when I want to intersperse my reply text among the incoming paragraphs.
The trouble occurs when multiple incoming paragraphs are grouped. I can’t open up vertical space for my reply text inside the groups.
If I click anywhere in the group, mail.app marks the group with a surrounding rounded-corner grey rectangle, with a X-in-a-circle “close icon” at the upper left corner.
When I look at the raw source of the incoming message, I see that the groups correspond to table cells, that is, the sending mail client enclosed the paragraphs within a <td> … </td> pair.
The sending email client is sending me a table, for no clear reason — the group doesn’t correspond to anything obvious in the message thread.
I’m guessing we won’t ever know why some email clients group paragraphs like this, but I’d like to do my best to adapt, so I can keep up with my incoming email.
Yeah, I can ask my correspondents to use a different email client, or perhaps different settings in the same client, but except for the few tekkies among my correspondents, this isn’t really practical. I can also ask my clients to use unformatted messages, but THAT is a whole different issue, and frequently isn’t practical, either.
My questions:
Q1: What’s the point of the grey rectangle and the “close icon”? (Is this mail.app’s way of saying, “I received this crazy formatting, almost impossible to process, so I’m making it easy for you to just delete the whole mess”? Or what?)
Q2: Is there any SIMPLE way to untangle (modify or remove) these groupings within mail.app? (I guess I can access the raw html, copy-and-paste it into another app, modify it, and paste the results back into my reply. Yuck!)
Q3: Am I missing a really obvious work-around or fix?
TIA

In your question, you indicated that you are running Firefox 8. Is that correct? It might be difficult to diagnose issues with that version because most people have moved on to Firefox 12 (plus or minus 1 version). Can you upgrade?
It's hard to think of a reason that ordinary text or links in ordinary text would not display. For embedded images or videos, one possibility is a difference in the protocol, i.e., HTTP (not secure) versus HTTPS (secure).
Hopefully someone else will have a better guess (or actual knowledge!).
Regarding the blue lines in a message, that usually indicates the earlier message was forwarded a few times. I don't know whether Gmail will let you reformat that area or whether you have to clean it in another application (e.g., for plain text, in Notepad) and paste it back in.

Placing text beside image in a table cell?

I'm creating business cards (using a Printworks template), and I want to place text to the right of the inserted picture.
I've copied and pasted the jpg fine onto the left side of the cell, yet when I try to type text, the cursor only lets me begin typing at the bottom right side of the photo, not up at the top right side, where I want the info to start.
Further, when I try to insert a Text Box into the cell, it won't go inside.
So, my question: *How do I get image and text together inside a table cell?*

I made an ultimate test.
I grouped a jpeg picture and a shape in which I inserted a piece of text. You may see it on the screenshot.
I inserting the group in the cell hoping that the group will be correctly displayed.
Nada, only the picture appears.
If I select the object embedded in the cell, copy it, paste it in an other location, I may ungroup it but the now separated shape no longer contains the original text
Yvan KOENIG (VALLAURIS, France) lundi 7 juin 2010 17:55:18

Why can I not tab out of table cell after running command from keyboard

In my Jtable I have context menu with actions that can be performed on the selected cells either using mouse, or the action can be initiated directly from the keyboard using the defined acceleratorkey.
After the action has completed you can tab out of the selected cells using the Tab key or cursor keys if the action was initiated with the mouse, but not if initiated with the keyboard but Im at a loss as to what causes the difference.
thanks Paul

I found this one someWhere, maybe check your code if Cell returns true = isCellEditable(row, column)
import java.awt.event.*;
import javax.swing.*;
public class TableActions extends JFrame {
    private static final long serialVersionUID = 1L;
    public TableActions() {
        JTable table = new JTable(15, 5) {
            private static final long serialVersionUID = 1L;
            @Override
            public boolean isCellEditable(int row, int column) {
                return column % 2 == 0;
//              return false;
        table.setPreferredScrollableViewportSize(table.getPreferredSize());
        JScrollPane scrollPane = new JScrollPane(table);
        getContentPane().add(scrollPane);
        InputMap im = table.getInputMap(JTable.WHEN_ANCESTOR_OF_FOCUSED_COMPONENT);
        // Have the enter key work the same as the tab key
        KeyStroke tab = KeyStroke.getKeyStroke(KeyEvent.VK_TAB, 0);
        KeyStroke enter = KeyStroke.getKeyStroke(KeyEvent.VK_ENTER, 0);
        im.put(enter, im.get(tab));
        // Disable the right arrow key
        KeyStroke right = KeyStroke.getKeyStroke(KeyEvent.VK_RIGHT, 0);
        im.put(right, "none");
        // Override the default tab behaviour
        // Tab to the next editable cell. When no editable cells goto next cell.
        final Action oldTabAction = table.getActionMap().get(im.get(tab));
        Action tabAction = new AbstractAction() {
            private static final long serialVersionUID = 1L;
            @Override
            public void actionPerformed(ActionEvent e) {
                oldTabAction.actionPerformed(e);
                JTable table = (JTable) e.getSource();
                int rowCount = table.getRowCount();
                int columnCount = table.getColumnCount();
                int row = table.getSelectedRow();
                int column = table.getSelectedColumn();
                while (!table.isCellEditable(row, column)) {
                    column += 1;
                    if (column == columnCount) {
                        column = 0;
                        row += 1;
                    if (row == rowCount) {
                        row = 0;
                    if (row == table.getSelectedRow()// Back to where we started, get out.
                            && column == table.getSelectedColumn()) {
                        break;
                table.changeSelection(row, column, false, false);
        table.getActionMap().put(im.get(tab), tabAction);
    public static void main(String[] args) {
        TableActions frame = new TableActions();
        frame.setDefaultCloseOperation(EXIT_ON_CLOSE);
        frame.pack();
        frame.setLocationRelativeTo(null);
        frame.setVisible(true);
}

Table cell spanning pages

Hi all,
I'm having a rather major problem with Pages. I've managed to convince my sister-in-law to buy an iBook and star using Pages for her school work, however we've encountered a particularily difficult problem:
Pages (and AppleWorks) does not allow her to use table cells that span more than one page! Not only is this a problem because she has whole load of old MSWord documents that she needs to read, but she definitely needs to continue working like this. First because it's the only sensible thing to do, second because her teachers require her to.
Here's the problem: She creates a table, 2x8 cells (for example). In the rightmost column she generally writes quite a lot of text, often so much that it does not fit inside a cell that is limited vertically to the size of the page. In MSWord, this cell automatically wraps to the next page, however in Pages, the cell simply stops growing and the text appears to continue "behind" the next page.
We've tried to devise other layouts for her work, but tables seem to be the only feasible alternative. Using columns would not help her at all, text boxes would be too cumbersome, manually splitting the cells would make the document extremely difficult to edit (all her documents are, for a very long time, a work in progress, so editing happens all the time).
Can anyone help us out here? I'm || this close to going out to buy her a copy of MS Office, as no other word processor I've tried (Pages, AppleWorks, NeoOffice/J, OpenOffice) manages to deal with this properly. This would be a major admission of defeat.
Anyone?
Thanks,
/Eirik

Welcome to Apple Discussions Elrik
I have a Pages document with a single table that spans 11 pages. Unfortunately, it took a bit of fiddling with it & I can't remember how I did it. This is a table I had converted from AppleWorks, which also doesn't easily allow tables to span page breaks. I think I got it to do it by inserting new rows in the middle of the existing table. Then I would select & drag the contents from an unconnected table on another page into these new rows.

Field Containg embedded line breaks

Hi Experts,
I am doing FCC in sender File adapter. My field separator is "I" and Record separator is "\n".
In my .txt input file, one of field contains embedded line breaks and Adapter is taking that break as end of that record.
Without changing the file format & without using custom adapter module, how this problem can be resolved?
Thanks

hi Arindam,
I beleived you had a \n (string) in middle of line, but with a CRLF in the middle of line... Heu... no, I don't know how we can manage that (and enclosureSign will not work). And I think is impossible.
For me, you have a misbehaviour in your source system, because in a field (description), they do not put a field value but in fact a table (several lines of this description). So for me, that's a conceptual error in their side !
My suggest is:
1. To modify the source program of your partner application, in order to change the CRLF used in this description by a specific NewLineSeparator like #@#. by this way, they produce a long description view in a field:
exm: description = myblablaOf1stLine#@#my2ndLine#@#my3rdLine, for the 3 lines of description:
myblablaOf1stLine
my2ndLine
my3rdLine
2. in PI adapter, this NewLineSeparator like #@# will be interpreted as all other characters... so no issue.
3. in ECC, you will used this NewLineSeparator like #@#, to recreate the differents lines of this description, in SAP description.
Or you do this split in your PI mapping if your ECC target is an idoc with long description (so several "line" segments).
Regards.
Mickael

Need content in table cell to scroll

I Need content in table cell to scroll, so the window stays a constant height. Help.

Google for 'scrollable DIV' or 'iframe'. Scrollable DIVs are better.

How to control the force return in table cell data?

I have some xml format files.When I import them into FrameMaker,They display as table data.but when the data is very long in table cell,I want to control the new line by myself.for example,I add some \r\n in my xml file data,then in FrameMaker,It can identify the \r\n, force return.In framemaker I don't know the actual symbol that means the newline.How Can I deal with the problem?thank you!

Hi Russ,
yes, but you have to agree that forcing a return in the SOURCE content is really not a wise thing to do - It would be better to break the content into multiple paragraphs or used an XSLT to determine the column width and insert your own breaks in a version of the XML for rendering in Frame. If, at a later date, your templates in Frame change to allow wider columns in your table, then you'd have to go back into the source code and change every occurrence of the c/r in the data - Yeuch! Better to transform the data once, before importing into Frame and then if the col-width changes it is a simple task to change the width in the XSLT - personally, I would make sure the EDD and DTD allows multi-lines in the table cell and then break-up the data to fit the table cell size in an XSLT before importing. Then you don't taint your source code...and it is quite easy to do this is an XSLT...

How to make 2 lines in a webdynpro table cell?

Hi
Is it possiable to create a WebDynpro Table Call that can contains 2 lines in 1 cell ?

Hi Ami,
There are a limited number of UI elements that you may use for a Table Cell Editor, however, with a TextView, you can display text that includes a line break.
The line break is achieved by including the carriage-return-line-feed characters in the Table's data source...
LOOP AT lt_flight_tab ASSIGNING <f>.
CONCATENATE 'Line One' cl_abap_char_utilities=>cr_lf 'Line Two' INTO <f>-test.
ENDLOOP.
Cheers,
Amy

Can another site be loaded into a table cell on my site?

I would like the user to click on a button that would cause
"website_A.com" to open inside of a table cell on my site. Is that
possible. If not is there another way to do it?

You would need to use an inline frame or iframe.
<iframe id="Frame1" iframe name="Frame1" src="
http://website_A.com"
width="100%" frameborder="0" scrolling="auto">
</iframe>
http://www.w3schools.com/TAGS/tag_iframe.asp
--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
"relief8" <[email protected]> wrote in
message
news:g02k90$702$[email protected]..
> I would like the user to click on a button that would
cause
"website_A.com" to open inside of a table cell on my site. Is
that
possible. If not is there another way to do it?

Layers-fixed width and/or embeding in a table

I have been setting up a site and am trying to use one, the
other or both techniques. For a specific design I wanted to use
layers with a fixed width. I assign the width in the properties but
when I enter text it does not wrap, instead the layer expands. Then
I thought I could keep the layer from expanding by embeding it in a
table cell. The layer does not seem to care that it is in a table
cell. The layer expands regardless of anything I have done so far.
Is there anybody that can help with this issue or am I out of
luck?
Thanks in advance.

> I assign the width in the properties but when I enter
text it does not
> wrap
Try adding a space to the text you enter.
> Then I thought I could keep the layer from
> expanding by embeding it in a table cell.
Never put a layer directly into a table cell. You will get
browser
rendering differences when you do this.
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
==================
"layers" <[email protected]> wrote in
message
news:e9o95u$gv8$[email protected]..
>I have been setting up a site and am trying to use one,
the other or both
> techniques. For a specific design I wanted to use layers
with a fixed
> width.
> I assign the width in the properties but when I enter
text it does not
> wrap,
> instead the layer expands. Then I thought I could keep
the layer from
> expanding by embeding it in a table cell. The layer does
not seem to care
> that
> it is in a table cell. The layer expands regardless of
anything I have
> done so
> far.
>
> Is there anybody that can help with this issue or am I
out of luck?
>
> Thanks in advance.
>

How to highlight the table cell color in respective colors as needed per the requirements??

var aData = [
    {notificationNo: "10000000", description: "Maintenance for boiler", location: "G001-STG-UTLR-BLR", equipmentNo: "100000053", orderStatus: "ordered"},
    {notificationNo: "10000010", description: "Genreal Maintenance for boiler", location: "G001-STG-UTLR-BLR", equipmentNo: "100000053", orderStatus: "notordered"},
    {notificationNo: "10000011", description: "boiler Maintenance", location: "G001-STG-UTLR-BLR", equipmentNo: "100000053", orderStatus: "ordered"},
    {notificationNo: "10000012", description: "Pump breakdown", location: "G001-STG-UTLR-BLR", equipmentNo: "100000053", orderStatus: "ordered"},
    {notificationNo: "10000013", description: "External service boiler", location: "G001-STG-UTLR-BLR", equipmentNo: "100000053", orderStatus: "notordered"},
jQuery.sap.require("sap.ui.model.json.JSONModel");
var oEnterpriseAsset_NotificationConsole;
sap.ui.model.json.JSONModel.extend("EAM_Notification_Console", {
    CreateNotificationConsole:function(){
        oEnterpriseAsset_NotificationConsole = this;
            var oTable = new sap.ui.table.Table({
            //title: "Table Example",
            visibleRowCount: 7,
            firstVisibleRow: 3,
            selectionMode: sap.ui.table.SelectionMode.Single,
        /*    toolbar: new sap.ui.commons.Toolbar({items: [
                new sap.ui.commons.Button({text: "Button in the Toolbar", press: function() { alert("Button pressed!"); }})
            extension: [
                new sap.ui.commons.Button({text: "Button in the Extension Area", press: function() { alert("Button pressed!"); }})
        }).addStyleClass("tableform");;
        oTable.addColumn(new sap.ui.table.Column({
        label: new sap.ui.commons.Label({text: "Notification"}),
        template: new sap.ui.commons.Link().bindProperty("text", "notificationNo").bindProperty("href", "href",
                function(aValue)
        //    sortProperty: "notificationNo",
            //filterProperty: "notificationNo",
            width: "200px"
        oTable.addColumn(new sap.ui.table.Column({
            label: new sap.ui.commons.Label({text: "Description"}),
            template: new sap.ui.commons.Link().bindProperty("text", "description").bindProperty("href", "href"),
            //sortProperty: "notificationNo",
            //filterProperty: "notificationNo",
            //width: "200px"
        var oModel = new sap.ui.model.json.JSONModel();
        oModel.setData({modelData: aData});
        oTable.setModel(oModel);
        oTable.bindRows("/modelData");
    var idForTable= "DimTable"
        //alert("id of tbale " + idForTable);
        var htmlOutput = '<table id=' + idForTable + ' name="DimTab" style="border: 1px solid black;margin-left:15px;" cellpadding=6 cellspacing=0><tr style="background-color:#E5E5E5"><td><b>Dimension</b></td><td><b>Value</b></td></tr>';
        for(var i=0;i<aData.length;i++)
         alert(aData[i].notificationNo);
        htmlOutput += '<tr style="display:none;"><td style="border-right:1px solid #e5e5e5;">Contract No</td><td>'+ aData[i].notificationNo+'</td></tr>';
        htmlOutput += '<tr style="display:none;"><td style="border-right:1px solid #e5e5e5;">Unit No</td><td>'+ aData[i].description+'</td></tr>';
        htmlOutput += '</table>';
         var html2 = new sap.ui.core.HTML({
             // static content
             //content : "<div style='position:relative;background-color:white;'>Weather</div><script src='//www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/builtin_weather.xml&synd=open&w=320&h=200&title=__MSG_weather_title__&lang=en&country=ALL&border=http%3A%2F%2Fwww.gmodules.com%2Fig%2Fimages%2F&output=js'></script>",
        content : htmlOutput,
              //2 wrkng sydney content : '<div id="cont_Mzc0NjN8NXwxfDF8NHxlZGY1ZjV8M3xGRkZGRkZ8Y3wx"><div id="spa_Mzc0NjN8NXwxfDF8NHxlZGY1ZjV8M3xGRkZGRkZ8Y3wx"><a id="a_Mzc0NjN8NXwxfDF8NHxlZGY1ZjV8M3xGRkZGRkZ8Y3wx" href="http://www.weather-wherever.co.uk/australia/sydney_v37463/" target="_blank" style="color:#333;text-decoration:none;">Weather forecast</a> © weather</div><script type="text/javascript" src="http://widget.weather-wherever.co.uk/js/Mzc0NjN8NXwxfDF8NHxlZGY1ZjV8M3xGRkZGRkZ8Y3wx"></script></div>',
              //content : '<div style="margin-left:-10px;margin-top:10px;width:100%;"><LINK rel="StyleSheet" href="http://weatherandtime.net/new_wid/w_5/style.css" type="text/css" media="screen"><div class="ww_5" id="ww_5_2119"><div class="l_b"></div><div class="c_b"><div class="day" id="d_0"><span class="den"></span><br><span class="date"></span><br><span class="temp"></span><div class="pict"></div><span class="press"></span><br><span class="hum"></span><br><span class="vet"></span><br></div><div class="day" id="d_1"><span class="den"></span><br><span class="date"></span><br><span class="temp"></span><div class="pict"></div><span class="press"></span><br><span class="hum"></span><br><span class="vet"></span><br></div><div class="day" id="d_2"><span class="den"></span><br><span class="date"></span><br><span class="temp"></span><div class="pict"></div><span class="press"></span><br><span class="hum"></span><br><span class="vet"></span><br></div><div class="cl"></div><div class="links"><a target="_blank" title="Pune Weather forecast" href="http://weatherandtime.net/en/Asia/India/Pune-weather.html">Pune Weather forecast</a><br><a style="font-size:12px !important;color:#12A0D7 !important;text-decoration:none !important;" href="http://weatherandtime.net/en/widgets-gallery.html" title="weather"></a></div></div><div class="r_b"></div></div><script type="text/javascript" src="http://weatherandtime.net/w_5.js?city=2119&lang=en&type=2&day=3"></script></div>',
          // initially behaves the same as Sample 1
             preferDOM : false,
             // use the afterRendering event for 2 purposes
    return     oTable;
/* In the screen shot as u can see.. I have to highlight the table cell in green color and red color for ordered and unordered status(which is binded to a json data) respectively....anyone please help??

Hi Abhi,
               Check this link it may helpHow I made highlight of specific values in Table

Embedded iFrame breaking table cell

Similar Messages

Maybe you are looking for