How to put a table inside a frame in html

Hi, I have a html table as follows:
<TABLE BORDER=2><TR><TD>No</TD><TD>Name</TD><TD>Age</TD></TR><TR><TD>1</TD><TD>John</TD><TD>30</TD></TR><TR><TD>2</TD><TD>Michael</TD><TD>20</TD></TR></TABLE>
I want to put it inside a html frame in order to have the scroll bar with the table.
Is there a way to do it in html?
Thanks.

Put the table inside of a div tag with a set width and height, borders, and overflow set to scroll:
<html>
  <head>
    <style>
      .tableDiv {
     width: 140px;
        height: 200px;
        overflow: scroll;
        border: 3px outset;
      .no {
        width: 20px;
      .name {
        width: 50px;
      .age {
        width: 30px;
    </style>
  </head>
  <body>
    <div class="tableDiv">
    <table border="2">
    <thead>
      <TR><TH class="no">No</TH><TH class="name">Name</TH><TH class="age">Age</TH></TR>
    </thead>
    <tbody>
      <TR><TD class="no">1</TD><TD class="name">John</TD><TD class="age">30</TD></TR>
      <TR><TD class="no">1</TD><TD class="name">John</TD><TD class="age">30</TD></TR>
      <TR><TD class="no">1</TD><TD class="name">John</TD><TD class="age">30</TD></TR>
      <TR><TD class="no">1</TD><TD class="name">John</TD><TD class="age">30</TD></TR>
      <TR><TD class="no">1</TD><TD class="name">John</TD><TD class="age">30</TD></TR>
      <TR><TD class="no">1</TD><TD class="name">John</TD><TD class="age">30</TD></TR>
      <TR><TD class="no">1</TD><TD class="name">John</TD><TD class="age">30</TD></TR>
      <TR><TD class="no">1</TD><TD class="name">John</TD><TD class="age">30</TD></TR>
      <TR><TD class="no">1</TD><TD class="name">John</TD><TD class="age">30</TD></TR>
      <TR><TD class="no">1</TD><TD class="name">John</TD><TD class="age">30</TD></TR>
      <TR><TD class="no">1</TD><TD class="name">John</TD><TD class="age">30</TD></TR>
      <TR><TD class="no">1</TD><TD class="name">John</TD><TD class="age">30</TD></TR>
      <TR><TD class="no">1</TD><TD class="name">John</TD><TD class="age">30</TD></TR>
    </tbody>
    </table>
    </div>
  </body>
</html>

Similar Messages

  • How to put a string from one Frame to another Frame?

    Dear all,
    How can I put a String from one Frame to another Frame?
    When the application started, the Frame 'WindowX' will be displayed. After you press the 'openButton', a whole new Frame (inputFrame) will be shown. In this Frame )(inputFrame) you can write a String in a TextField. After pressing the okButton, this String will be sent to the first Frame 'WindowX'.
    But does anyone know how to realize the sending part?
    I've tested this code on Win98 SE and JDK1.2.2.
    Hope someone can help me. Thanks in advance.
    import java.awt.*;
    import java.awt.event.*;
    public class WindowX extends Frame implements ActionListener, WindowListener
         private Button openButton;
         private TextField resultField;
         public static void main(String [] args)
              WindowX wx = new WindowX();
              wx.setSize(300,100);
              wx.setVisible(true);
         public WindowX()
              setLayout(new FlowLayout());
              openButton=new Button("open");
              add(openButton);
              openButton.addActionListener(this);
              resultField=new TextField(10);
              add(resultField);
              resultField.addActionListener(this);
              addWindowListener(this);     
         public void actionPerformed(ActionEvent evt)
              if (evt.getSource()==openButton)
                   inputFrame ip=new inputFrame();
                   ip.setSize(200,80);
                   ip.show();
         public void place(String theString) //this doesn't work
              resultField.setText(theString);
         public void windowClosing(WindowEvent event)
              System.exit(0);
         public void windowIconi......
    class inputFrame extends Frame implements ActionListener,WindowListener
         String theString = "";
         Button okButton;
         TextField inputField;
         WindowX myWX=new WindowX();   //??
         public inputFrame()
              setLayout(new FlowLayout());
              inputField=new TextField(10);
              add(inputField);
              inputField.addActionListener(this);
              okButton=new Button("OK");
              add(okButton);
              okButton.addActionListener(this);     
              addWindowListener(this);     
         public static void main(String[] args)
              Frame f = new Frame();
              f.show();
         public void actionPerformed(ActionEvent evt)
              if (evt.getSource()==okButton)
                   theString=inputField.getText();
                   myWX.place(theString);   //??
                   dispose();
        public void windowClosing(WindowEvent e) {
        dispose();
        public void windowIconi......
    }

    Thanks for your reply!
    But I got an other problem:
    I can't refer to the object (wx) made from the main Frame 'WindowX', because it's initialized in 'public static void main(String [] args)'...
    Hope you can help me again... Thanks!
    import java.awt.*;
    import java.awt.event.*;
    public class WindowX extends Frame implements ActionListener, WindowListener
         private Button openButton;
         private TextField resultField;
         public static void main(String [] args)
              WindowX wx = new WindowX();   //!!
              wx.setSize(300,100);
              wx.setVisible(true);
         public WindowX()
              setLayout(new FlowLayout());
              openButton=new Button("open");
              add(openButton);
              openButton.addActionListener(this);
              resultField=new TextField(10);
              add(resultField);
              resultField.addActionListener(this);
              addWindowListener(this);     
         public void actionPerformed(ActionEvent evt)
              if (evt.getSource()==openButton)
                   inputFrame ip=new inputFrame(wx);
                   ip.setSize(200,80);
                   ip.show();
         public void place(String theString)
              resultField.setText(theString);
         public void windowClosing(WindowEvent event)
              System.exit(0);
         public void windowIconi....
    class inputFrame extends Frame implements ActionListener,WindowListener
         String theString = "";
         Button okButton;
         TextField inputField;
         WindowX parent;
         public inputFrame(WindowX parent)
              setLayout(new FlowLayout());
              this.parent=parent;
              inputField=new TextField(10);
              add(inputField);
              inputField.addActionListener(this);
              okButton=new Button("OK");
              add(okButton);
              okButton.addActionListener(this);     
              addWindowListener(this);     
         public static void main(String[] args)
              Frame f = new Frame();
              f.show();
         public void actionPerformed(ActionEvent evt)
              if (evt.getSource()==okButton)
                   theString=inputField.getText();
                   parent.place(theString);
                   dispose();
        public void windowClosing(WindowEvent e) {
        dispose();
        public void windowIconi..........
    }          

  • How to create a table inside a table in the dictionary

    I need to create a table in the dictionary that one of the components has to be a table.
    Someone known how to do it.
    Thanks.

    Hi
    U cannot create a table inside another table.
    The data storage is not supported in that manner.
    If you need multiple fileds based on a single line entry then , first figure out the relationships between these tables.
    Then create a second table with a part of the primary key as the first and a unquie primary key to be defined for adding all the rest of the entries in the second table.
    Also maintain the foreign key relationships between these tables.
    This is the way to have multiple entries for a single line of a table entry.
    Regards,
    Radhika.

  • How to add repeating table inside the table in Infopath?

    I am customizing a list in sharepoint Infopath 2013.
    Now I want to add Repeating table inside a table but when I am doing It I am getting the below error:
    "This table can not be converted into repeating table. To fix this problem, add one or more controls to the repeating row and try again,"
    What should I do next?
    Thanks in Advance.

    Hi Darsh,
    I tested the same scenario per your post in my environment, however it worked fine when I inserted a repeating table to the ordinary table in InfoPath form.
    How did you modify the SharePoint list form in InfoPath and how did you insert the repeating table?
    Based on the error message, it seems like you were converting the ordinary table to repeating table.
    To insert a repeating table inside the ordinary table, we can use this Repeating Table button under Home tab in InfoPath Designer.
    Best regards.
    Thanks
    Victoria Xia
    TechNet Community Support

  • How to put a table into another pop up window?

    My problem now is how are we going to see a table in another window when we click a button???????
    --liml                                                                                                                                                                                                               

    Your question seems not difficult to solve. Write an ActionListener for your button click, which can brings up a JFrame or JDialog. You can put your table on the content pane of the Jframe or JDialog, if necessary, with the help of a JScrollPane instance.

  • How to get source table inside Template Mapping code template

    Hi guys,
    I have the following scenario, I have an table from external database and want to map it to an oracle table. This is done with Template mapping and I selected an Load code template on the execution unit that holds only the external table, this load code template will read row by row from source table and make the inserts into the flow table. I know that oracle use odiRef.getFrom() in order to construct the select statement from the external table. Because i need to do something custom i will need to have a list of the source tables inside the Load code template.
    Is this possible?
    P.S. I use owb 11gr2.
    Regards,
    Cipi
    Edited by: Iancu Ciprian on Jan 11, 2011 10:58 AM

    Hi Suraj,
    Thx for your answer!
    After posting the message i found in ODI documentation about odiRef other function and this I'm trying now to see if works, will let you know my results ...
    I implemented an custom iterator that retrieves the data from an external source and pass it to INSERT commands to execute against flow table. In order that this iterator to work i need the source table name of the current execution unit. Then the iterator is using the that name to get the data from the external entity and retrieve it as an array of Objects, this array of objects will be inserted in the flow table.
    Regards,
    Cipi

  • How to put Form tag inside PlaceHolderUtilityContent

    I created a page layout (using design manager), and my design has <form> tags in it
    <form>
    <!-- code -->
    </form>
    and Ive read that HTML file cannot contain <form> tags here -
    http://msdn.microsoft.com/en-us/library/office/jj822362(v=office.15).aspx
    It says that I should put the form inside the PlaceholderUtitlityContent placeholder
    <!--CS: Start Create Snippets From Custom ASP.NET Markup Snippet-->
    <!--SPM:<SharePoint:AjaxDelta id="DeltaPlaceHolderUtilityContent" runat="server">-->
    <!--SPM:<asp:ContentPlaceHolder id="PlaceHolderUtilityContent" runat="server" />-->
    <!--SPM:</SharePoint:AjaxDelta>-->
    <!--CE: End Create Snippets From Custom ASP.NET Markup Snippet-->
    My question is where do i insert my form block in the snippet above?
    ----------------------- Sharepoint Newbie

    Hi,
    Instead of putting <form> tag in layout page, you can place it in the master page.
    <body scroll="no">
    <form id="Form1" runat="server">
    Here place all the place holders
    </form>
    </body>
    and then refer this master page in Layout .
    Let me know if you have any doubt.
    Thanks
    -Rahul

  • How to put an MSO inside another MSO

    Hello all!
    An interesting question came up in the following post by Folobo:
    http://forums.adobe.com/message/4572897#4572897
    "Is it possible to use a slideshow embedded in a big overlay slideshow?"
    I'd like to rephrase this question:
    "Is it possible to put a MultiStateObject (MSO) inside another MultiStateObject?"
    And further: if the answer is "yes", could we put that to use with the DPS?
    @Folobo – this is an interesting question. A quick test is showing that you cannot do it in the UI (correct me if I'm wrong).
    Let's try it this way:
    If you have two objects:
    1. an MSO #1 (with two rectangles, rectangle #1, rectangle #2)
    2. Another rectangle on the page: rectangle #3
    Now select the two objects and make an MSO out of it (using the "Object States" panel).
    You would think, now I get an MSO with two states, state 1 with rectangle #3 together with state 2 with MSO #1.
    But not so:
    Result: One new MSO with three states (rectangle #1, rectangle #2, rectangle #3)
    Hm. I don't give up on that. Let's try it another way:
    Could we select at least two objects inside a state of an MSO and make that a new MSO?
    Sure, We could select two objects inside a state, but since we are *inside* an MSO the "Object States" panel does not show the possibility to make a new MSO. You can only add states or add objects to states…
    Frustrating. End of story? Maybe…
    Be forewarned. The following is highly experimental!
    Let's try it by scripting (ExtendScript/JavaScript).
    The scripting reference is showing that an MSO "MultiStateObject" object has an add()-method. And further on, that add()-method could be applied to:
    Document
    Spread
    MasterSpread
    Page
    Layer
    pageItem
    And that is the key to a possible solution. We could add a new MSO to a "pageItem" object.
    A simple rectangle should be qualify for a "pageItem" object; and that, of course, could reside in a state of an MSO.
    So, we could add a new MSO to a rectangle inside of a MSO!
    How can we access a rectangle inside a MSO? Easy: We could select it and work with that selection.
    So let's do that: select the rectangle in the first state of an MSO and run this one-line-script (be sure you did select the rectangle and not the MSO or one of its states:
    app.selection[0].multiStateObjects.add();
    We now have an MSO inside another MSO!
    Explanation:
    A "generic MSO" was added with the add()-function to a selection (the container object: in our case the selected rectangle).
    The "generic MSO" is a two state MSO consisting of one rectangle in each state of a very small size (10px x 10px).
    At first it is invisible, because it is very likely that it is positioned outside the geometric bounds of its container object (the rectangle).
    But we can customize this!
    Go to the layers palette and select the new MSO, move it inside the geometric bounds of its container object, readjust its size, add states as you wish, populate the states with images, and other objects etc.pp.
    So, what can we do with an MSO inside another MSO? (As I already said, this is highly experimental.)
    My experiments with that are very fresh. I did not try a lot. But it seems that we could at least autoplay this MSO.
    I have to test more thoroughly what is possible and what will work with buttons etc.pp…
    I really like to hear from you what you will find out and if you can put it to any use.
    Uwe
    Message was edited by: Laubender

    @Mobly – in case it did not work out for you, here some screen grabs for the different steps:
    1. Select an MSO:
    2. Select a "graphic frame" inside the MSO; in this case a "<square>"; you can see the big blue dot in the Layers panel behind the generic name "<square>":
    3. Open the Scripts Panel and select the script:
    4. Run the script by double-clicking the script; the generic name of your selected object has changed to "graphic frame", but trust me, it's still a square…
    5. Click the "Ok" button of the message and InDesign will select the new MSO ("Multi-state 2") as you can see here. It has two states with one rectangle each,  fill and stroke is "None":
    And: you can see that this new MSO is nested inside the MSO ("Multi-state 1").
    What you do with that construct is up to you:
    6. Color the "<square>" of state 1 of "Multi-state 2":
    7. Resize and change position of "Multi-state 2":
    8. But remember: "Multi-state 2" is nested in the graphic frame you selected before running the script:
    I hope you get the picture now…
    Uwe

  • How to sort/index table in tabular frame ?

    Hi all,
    I got one table list in tabular frame. I need to sor/ order the display of the records when the frame is being displayed. How am I go to do this ?
    Thanks.
    Rgds
    Lim

    i think so: in the block propertys you must work with the property ORDER BY CLAUSE and there put your items of order, if that is the case.

  • How to put single quotes inside single quotes

    Hi all,
    My requriement is to put a statement
    LIKP~VSTEL <> INF
    in a variable LV.
    For that I have written
    CONCATENATE LV 'LIKP~VSTEL <> "INF" ' INTO LV.
    where LIKP is a table as VSTEL is a table field.
    When this LV is used inside a select query, the value for LIKP~VSTEL is "INF", but I want without the double quotes. Can any one please help me with this.
    Thanks and Regards,
    Avinash

    Hi,
    Iif you mean LV should hold something like LIKP~VSTEL = ' INF ', then try this
    data: c_quote(4) type c value ''''.
    data: l_inv type string.
    CONCATENATE c_quote 'INF' c_quote into l_inv.
    CONCATENATE ' LIKP~VSTEL' '='  l_inv  INTO LV separated by space.
    Regards,
    Vikranth.
    Edited by: Vikranth.Reddy on Sep 1, 2009 1:55 PM

  • How to put all actionscript in one frame instead of on buttons themselves?

    so i have a simple project where I have my actions script on each button itself.
    I'd like to have one actionscript file on the main timeline controlling everything instead of having to drill down to change the AS for a button.
    I have two scenes. Scene none has a button forcing to scene 2. When i put code on main timeline it broke my button that is on Scene 2 that allows me to jump around in that timeline to different frame labels.
    what did I do wrong?
    Original AS on Button instance bldg1_thumb1:
    on (release) {
        _parent.gotoAndStop ("Building 1 Big 1");
    New AS on Controlling Frame in Main Timeline:
    bldg1_thumb1.onRelease=function () {
        _parent.gotoAndStop ("Building 1 Big 1");

    try:
    var tl:MovieClip=this
    bldg1_thumb1.onRelease=function () {
    tl.gotoAndStop ("Building 1 Big 1");

  • How to populate a Table inside a structure?

    Hello,
    Im very new to ABAP and Im having a rather sily problem. I have a Structure (ZSHIPMENT) with one component (CASES) of the type Z_CASE_TABLE. Z_CASE_TABLE is a table with a line type of ZCASE_STR. ZCASE_STR is a Structure with one Component (CASE_ID) of type String.
    So ZSHIPMENT - ZCASE_TABLE - ZCASE_STR - CASE ID.
    I want to write some code to create this object and use it in a method.
    This is what Im trying:
    method TEST_02.
      DATA: Shipment TYPE ZSHIPMENT,
        case TYPE ZCASE_STR.
      case-case_id = 'case1'.
      INSERT case INTO Shipment-cases.
    endmethod.
    But I get this error: CASE is not an internal table - the "OCCURS n" specification is missing.
    Can someone give me a hint on how to populate my memory object?
    Ive tryed all shorts of things but I never get it to work.
    Thanks in advance.
    Gonso

    Ramiro,
    wow! you hit the nail in the head! The zshipment type was not active to its latets version. Thanks to the debugger I could see its real face.
    Thanks!!!!

  • How to put a table's all fields on a selection screen?

    Hi, I am new here. I am currently create a report in which I need to put a transparent table's all fields on selection screen. Please give me hints about it. Thank you very much in advance.
    Tom

    Hi,
      Use parameter or select-options for all the fields in the transparent table..I am not sure if there is any dynamic way of creating the parameters..
      Otherwise you can create a dynamic report..
    Check this example for dynamic report..
    DATA: p_temp(30) TYPE c DEFAULT 'ZTEST_REPORT'.
    TYPES: BEGIN OF t_abapcode occurs 0,
    row(72) TYPE c,
    END OF t_abapcod.
    T_ABAPCODE-ROW = 'REPORT ZTEST_REPORT.'.
    APPEND T_ABAPCODE.
    T_ABAPCODE-ROW = 'PARAMETERS: P_MATNR LIKE MARA-MATNR.'.
    APPEND T_ABAPCODE.
    T_ABAPCODE-ROW = 'WRITE: / P_MATNR. '.
    APPEND T_ABAPCODE.
    INSERT REPORT p_temp FROM it_abapcode.
    SUBMIT (p_temp) AND RETURN.
    Thanks,
    Naren

  • How to create a table inside JSON View

    Hi All,
    I am trying to create a UI5 app inside which i want to fetch the data using SAP gateway service which i want to embed into JSON view to be displayed inside a table. I am totally new to JSON & UI5 so please let me know where i am incorrect:
    Index.html code:
    <!DOCTYPE HTML>
    <html>
      <head>
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta http-equiv='Content-Type' content='text/html;charset=UTF-8'/>
      <script src="resources/sap-ui-core.js"
      id="sap-ui-bootstrap"
      data-sap-ui-libs="sap.ui.commons,sap.ui.table"
      data-sap-ui-theme="sap_bluecrystal">
      </script>
      <script>
      sap.ui.localResources("ui5trial");
      var view = sap.ui.view({id:"idSalesOrder1", viewName:"ui5trial.SalesOrder", type:sap.ui.core.mvc.ViewType.JSON});
      view.placeAt("content");
      </script>
      </head>
      <body class="sapUiBody" role="application">
      <div id="content"></div>
      </body>
    </html>
    JSON view file code:
      "Type":"sap.ui.core.mvc.JSONView",
      "controllerName":"ui5trial.SalesOrder"
    var oTable = new sap.ui.table.Table({
      title: "Sales Order Table Details",
      id: this.createId("MyTable1"),
      selectionMode:sap.ui.table.Table.SelectionMode.Single });
    oTable.addColumn( new label: new sap.ui.commons.Label({text: "Sales Order No."}),
       template: new sap.ui.commons.TextField().bindProperty("value","OrderId"));
    oTable.addColumn( new label: new sap.ui.commons.Label({text: "Document Type"}),
       template: new sap.ui.commons.TextField().bindProperty("value","DocumentType"));
    oTable.addColumn( new label: new sap.ui.commons.Label({text: "Document Date"}),
       template: new sap.ui.commons.TextField().bindProperty("value","DocumentDate"));
    oTable.addColumn( new label: new sap.ui.commons.Label({text: "Customer Id"}),
       template: new sap.ui.commons.TextField().bindProperty("value","CustomerId"));
    Controller file code:
    jQuery.sap.require("util.Func");
    sap.ui.controller("ui5trial.SalesOrder", {
    * Called when a controller is instantiated and its View controls (if available) are already created.
    * Can be used to modify the View before it is displayed, to bind event handlers and do other one-time initialization.
    * @memberOf ui5trial.SalesOrder
      onInit: function() {
      var oModel = new sap.ui.model.json.JSONModel(serviceUrl);
      var oData = oModel.getJSON();
      oTable.setModel(oModel);
      oTable.bindRows(oData);
    Func.js file code:
    jQuery.sap.declare("util.Func");
    function getUrl(sUrl){
      if (sUrl == ""){
      return sUrl;
      if (window.location.hostname == "localhost"
      || window.location.hostname == "https://sapes1.sapdevcenter.com"){
      return 'proxy' + sUrl;
    //Service Root URL
    // "https://sapes1.sapdevcenter.com:443/sap/opu/odata/sap/ZGWSAMPLE_SRV/?sap-client=520";
    //Extract the relative URL to use this application for deployment on any Web Server
    var serviceUrl = getUrl("/sap/opu/odata/sap/SALESORDERXX/?sap-client=520");

    Hi,
    If SAPUI5 / Javascript is completely new to you, I *strongly* suggest you train yourself in Javascript first. Without prior knowledge of Javascript it really makes no sense learning SAPUI5, since it involves quite a bit of Javascript programming.
    (The reason I'm mentioning this: You started out with a JSONView, but the code you provided is Javascript. Either create a JSONView and construct your table in a JSONView manner, or create a JSView with Javascript code to build your table. On a sidenote, I have never seen anyone using JSONViews anyway, so if you have the choice, use XMLViews (recommended) or Javascript Views)
    If you're already familiar with Javascript, I strongly advise to try some simple exercises first before deep-diving into OData connectivity. Just try and understand the basics of SAPUI5 (The MVC concept, databinding, etc)
    But if you really want to, have a look at this excellent blog : Consume NetWeaver Gateway services via SAPUI5 - Part 1

  • How to put Oracle Table in NOLOGGING so all DML's are not recorded ?

    We have a table in our database, which goes through thousands of DML's(insert,update,delete).
    We don't want to record any of this DML's into our redo logs.
    Is there any way we can setup the table in such a way where none of the DML's happening
    on the tables are recorded in the REDO LOGS ?
    Looks like the NO LOGGING option does not take care of the DML's ?

    johnpau2013 wrote:
    We have a table in our database, which goes through thousands of DML's(insert,update,delete).
    We don't want to record any of this DML's into our redo logs.
    Is there any way we can setup the table in such a way where none of the DML's happening
    on the tables are recorded in the REDO LOGS ?
    Looks like the NO LOGGING option does not take care of the DML's ?The Nologging clause takes care of the bulk loads only but in that too, its not zero redo still. There is still going to be redo generation but compared to normal processing , it would be lesser. For the conventional DML's, there isn't anything which is going to suppress the redo generation completely. What's the purpose that you are willing to make the redo generation zero for the table? How would you get back the data inserted if there is going to be a failure of any sort happening?
    HTH
    Aman....

Maybe you are looking for