Table view width

Hi friends
  I am displaying a 30 column table using table view and set it's width as 100%. But it's not fitted on window the horizontal scroll bar appeared .
  So I put the table view in Overflow container .but the problem here is , i must have to give width in pixels (for example 1000px )otherwise same problem, horizontal scroll bar on window.
  My requirement is want to set the overflow container width in Percentage , so that 30 column table should also fit in the window  with no horzontal scroll bar's on window, scroll bar is only in overflow container.

I am not using iterator, i am just displaying simple data,
   If i set the column width to minimum also then same problem because all my columns are on average 20 char. so they are not fitting . here is my code
<xhtmlb:overflowContainer id     = "OFLC_RCN_HDR"
                          width  = "980px"
                          height = "200px"
                          mode   = "SCROLL" >
<htmlb:tableView id      = "TBL_RCN_HDR"
       columnDefinitions = "<%= model->mt_rcn_hdr_def %>"
       columnWrapping    = "true"
       design            = "ALTERNATING"
       visibleRowCount   = "<%= lv_visible_row_count %>"
       visibleFirstRow   = "<%= lV_Visible_first_row %>"
       table             = "//model/mt_rcn_hdr"
       selectionMode     = "SINGLESELECT"
       sort              = "SERVER"
       width             = "100%" />
</xhtmlb:overflowContainer>
Message was edited by: Shiva

Similar Messages

  • How to Control the width of the Filter row in Table View

    Hi !
    I have a Table View with filter='application'. The filter works fine but I am not able to control the width of the columns of the tableview .
    On filtering, if there are not items in the table view the columns shrink to the minum width....and  it looks very odd.
    Can you help me how to control the width of the Filter-Row in Table Veiw.
    Thanks and Best Regards,
    Bindiya

    Hi Raja,
    "FIXEDCOLUMN" did not help in the width of the column, but it just showed all the rows merged in the column.
    I have a cloumn called "COUNTRY" and its width is set to "20". The Filter of the column "COUNTRY" is a dropdownlist whos value is update with new values.
    On filtering if there is any row visible then the column width is adjusted to the maxmimum length of the dropdownlist ( this is because of the "EDIT" attribute in column definition ). But if there is no rows visiblel for the selected filter value then the filter row shrinks to the width = "20" and the dropdownlist is not visible completely.
    Need to know how to control the width of the FILTER column.
    Thanks and Best Regards,
    Bindiya

  • Is it possible to change dynamicaly VC table view size (width/heigth)?

    Hi gurus!
    So the question is: Is it possible to change dynamicaly Visual Composer table view size?
    Particularly I'm interested in changing table-view height; the objective is not to use table-view paging option, instead to show all returned data rows at once.
    Thanks in advance!
    --- Kaspars

    Hi Kaspars,
    I would say there is atm no possibility to change the table view size dynamicly, because you can't input a formula into the size field so the size is fixed as you enter it.
    Best Regards,
    Marcel

  • How to set image size in a table view

    Hi,
    I've just built a small VC application showing some process chain logs in a table view. For the different status types Error, Warning and Success I show the well-known traffic light icons. But up to now I haven't found out how to set the image size in a table view (height & width field is greyed out for the table). Any ideas? Or is it just not possible?
    Thanks for your help,
    Heiko

    Hello Heiko,
    I don't know, if it is possible, but I would say,
    it's not implemented yet. Maybe you can change the picture size and use then the pictures, that might be a workaround, if you can't change the height and width in VC.
    Best Regards,
    Marcel

  • Create a table view in my BSP Application!.

    Hi All,
    I am using CRM version 4.0 here i want to crate a new table view in my own BSP Application and want to display in the CRM_IC Application.
    The problem now i am facing is.. there is now provision to create the table view via the wizard. I tried to copy the BSP code, changed the code accordingly also i changed the inheritance for the context node class from
    CL_BSP_WD_CONTEXT_NODE to CL_BSP_WD_CONTEXT_NODE_TV.
    i also copied the iterator attribute.
    still the view is coming with an error saying that page have some problem.
    can anyone suggest any easy method to create the table view!.
    or else can you tell me what i have to do further!.
    Thanks n regards,
    sudeep v d.

    Hi,
    The problem is not only at the .htm page!. I think some changes are required at the context node level. for
    here is the BSP code I m using for displaying the table view..
    <%@page language="abap" %>
    <%@extension name="htmlb" prefix="htmlb" %>
    <%@extension name="xhtmlb" prefix="xhtmlb" %>
    <%@extension name="bsp" prefix="bsp" %>
    <%@extension name="CRM_BSP_IC" prefix="crmic" %>
    <crmic:tray2 id     = "MoreFields"
                 title  = "<%= otr(crm_ic_appl/BuPaAccount) %>"
                 height = "100%,603"
                 width  = "100%" >
      <crmic:trayBody2>
        <crmic:gridLayout cellSpacing    = "1"
                          columnSize     = "1"
                          rowSize        = "10"
                          height         = "100%"
                          width          = "100%"
                          widthPredefine = "TRUE">
        <crmic:gridLayoutCell columnIndex = "1" rowIndex    = "4" >
            <crmic:tableView design          = "STANDARD"
                             width           = "100%"
                             id              = "Address"
                             table           = "//Address/Table"
                             visibleFirstRow = "3"
                             visibleRowCount = "4"
                             selectionMode   = "LINEEDIT"
                             onRowSelection  = "select"
                             fillUpEmptyRows = "TRUE"
                             headerVisible   = "FALSE"
                                           >
              <crmic:tableViewCols>
                <crmic:tableViewColumn columnName = "STREET"
                                       title      = "<%= otr(CRM_IC_APPL/BuPaStreet_t) %>"
                                       edit       = "TRUE" />
                <crmic:tableViewColumn columnName = "POSTL_COD1"
                                       title      = "<%= otr(CRM_IC_APPL/BUPAPOSTCODE_T) %>"
                                       edit       = "TRUE" />
                <crmic:tableViewColumn columnName = "CITY"
                                       title      = "<%= otr(CRM_IC_APPL/BUPACITY_T) %>"
                                       edit       = "TRUE" />
                <crmic:tableViewColumn columnName = "REGION"
                                       title      = "<%= otr(CRM_IC_APPL/REGION) %>"
                                       edit       = "TRUE" />
                <crmic:tableViewColumn columnName = "REGIONNAME"
                                    title      = " "
                                       edit       = "FALSE" />
              </crmic:tableViewCols>
            </crmic:tableView>
        </crmic:gridLayoutCell>
       </crmic:gridLayout>
      </crmic:trayBody2>
    </crmic:tray2>
    In the above code i have given
    table    = "//Address/Table"
    here the 'Address' is defined as a page attribute type ref to the context node class ( CL_CRM_IC_BUPAMOREADDRESS_CN01 ).
    the same class is used in the CRM_IC application works fine!.
    also i entered the attribute entry for the 'Address' in the _CTXT class the view.
    still the same error 'page  cannot be displayed'.
    what could be the problem anyone plaese help!.
    Thanks n regards,
    sudeep v d.

  • How to Hide Row in table view depend on condition

    Dear Friends,
    Please any one suggest how to do hide some rows in table depend on condtions.
    My Issue is :
    I have table with binding componant context controller, with in that some rows are no need to disply in my table, I tried to delete that entities from collection wrapper in do_prepare_output. but that entites are perminatly deleted from model node.
    how can achive this with out delete entities from model node and hide some rows in table view.
    thanks & Regards

    Hi Andrew,
    Please can you explain alobrate, because i wont' found that method in my implimentation and it's table config like follow
    <% IF attr->check_consistency( ) eq abap_true. %>
        <chtmlb:configTable  xml="<%= lv_xml %>"
                             id="TextList"
                             navigationMode="BYPAGE"
                             onRowSelection="select"
                             table="//Text/Table"
                             width="100%"
                             selectedRowIndex="<%=Text->SELECTED_INDEX%>"
                             selectedRowIndexTable="<%=Text->SELECTION_TAB%>"
                             selectionMode="<%=Text->SELECTION_MODE%>"
                             usage="ASSIGNMENTBLOCK"
                             visibleRowCount="3"/>
      <% ENDIF. %>
    thanks & Regards
    Ganesh

  • How to color a table view header's text via css

    I have managed to change font-name, background and text alignment of my table view header, but the text-fill line is just ignored! What's the correct way to do this?
    Example:
    .table-view .column-header, .table-view .filler {
    -fx-text-fill: white;
    -fx-font-family: "Helvetica";
    -fx-font-size: 10px;
    -fx-font-weight: bold;
    -fx-size: 25;
    -fx-border-style: solid;
    -fx-border-insets: 0 1 1 0, 0 0 0 0;
    -fx-border-width: 0.083333em, 0.083333em;
    I also added:
    .table-view.column-header.label{
         -fx-text-fill: white;
    Wich was recommended on a site, but didn't work either..

    I think you need
    .table-view .column-header .label{
      -fx-text-fill: white;
    }(with spaces between the class selectors).

  • Button is not coming in the first row of a table view

    Hi,
    I am having an assignment block in which i have added a button in DO_PREPARE_OUTPUT method. It is displaying in the second line in the header of the table view and the first line shows the excel and personalization buttons. I want all these buttons to display on the same line in the assignment block.
    the .html code is below
       <%@page language="abap" %>
    <%@extension name="thtmlb" prefix="thtmlb" %>
    <%@extension name="chtmlb" prefix="chtmlb" %>
    <%@extension name="bsp" prefix="bsp" %>
    <%@extension name="tajax" prefix="tajax" %>
    <%
      data: lv_xml          type string value is initial.
      DATA: lv_displayMode  TYPE crmt_boolean.
      lv_xml    = controller->CONFIGURATION_DESCR->GET_CONFIG_DATA( ).
      lv_displayMode = controller->view_group_context->is_view_in_display_mode( controller ).
    %>
    <%
      IF lv_displayMode eq abap_true.
    %>
    <%--<chtmlb:tableExtension tableId = "ResultList"
                           layout  = "FIXED" >--%>
    <chtmlb:configTable id                    = "Table"
                        navigationMode        = "BYPAGE"
                        onRowSelection        = "select"
                        selectedRowIndex      = "<%= ADMINS->SELECTED_INDEX %>"
                        selectedRowIndexTable = "<%= ADMINS->SELECTION_TAB %>"
                        selectionMode         = "<%= ADMINS->SELECTION_MODE %>"
                        table                 = "//ADMINS/Table"
                        usage                 = "ASSIGNMENTBLOCK"
                        visibleRowCount       = "6"
    <%--                    actions          = "<%= controller->gt_button %>"--%>
    <%--                    actionsMaxInRow       = "6"--%>
                        width                 = "100%"
    <%--                    headerVisible         = "TRUE"--%>
                        hasLeadSelection      = "X"
                        personalizable        = "FALSE"
                        downloadToExcel       = "FALSE"
                        showNoMatchText       = "FALSE"
                         />
    <%--</chtmlb:tableExtension>                     --%>
    <%
      ELSE .
    %>
    <chtmlb:tableExtension tableId = "Table"
                           layout  = "FIXED" >
    <chtmlb:configTable id               = "Table"
                        displayMode      = "<%= lv_displayMode %>"
                        navigationMode   = "BYPAGE"
                        onRowSelection   = "select"
                        selectedRowIndex = "<%= ADMINS->selected_index %>"
                        table            = "//ADMINS/Table"
                        usage            = "ASSIGNMENTBLOCK"
                        visibleRowCount  = "6"
                        selectionMode    = "<%= ADMINS->SELECTION_MODE %>"
                        allRowsEditable  = "TRUE"
                        personalizable   = "FALSE"
                        downloadToExcel  = "FALSE"
                        headerVisible    = "TRUE"
                        hasLeadSelection = "X"
                        visibleFirstRow       = "<%= ADMINS->visible_first_row_index %>"
                        actions          = "<%= controller->gt_button %>"
    <%--                actionsMaxInRow       = "6"--%>
                        width            = "100%" />
    </chtmlb:tableExtension>
    <%
      ENDIF .
    %>
    Could you please let me know where i went wrong.

    In your code
    if(rs.next()){
      depflights = new ArrayList();
       while(rs.next()){ ...when you call rs.next() in the if statement, the resultset cursor has been placed on the first record and you are not reading it. So, you never get the first record.
    Change your code to remove that if condition and simply initialize the ArrayList.

  • Modify a Table View Header

    I need to modify the header of a tableview and I've tried this:
    .table-view {
        -fx-background-color: rgb(70,70,70);
        -fx-text-fill: white;
        -fx-border-style: solid;
        -fx-border-color: transparent;
    /*    -fx-border-insets: 0 1 1 0, 0 0 0 0;*/
        -fx-border-width: 0.083333em, 0.083333em;
    .table-view .column-header{
        -fx-border-style: solid;
        -fx-border-color: rgb(130, 130, 130);
        -fx-border-radius: 5px;
        -fx-background-radius: 5px;
        -fx-border-insets: 0 1 1 0, 0 0 0 0;
        -fx-border-width: 0.083333em, 0.083333em;
    .table-view .column-header .label{
        -fx-font-size: 12px;
        -fx-text-fill: white;
    .table-view .column-header-background {
        -fx-background-radius: 5px;
        -fx-font-family: "Calibri";
        -fx-background-color:  rgb(50,50,50);
    }However, I can not edit any table header but only the headers of each column.
    Sorry for the English and grammatical errors. I am Spanish speaking
    I put an image to make it more clear
    http://img823.imageshack.us/img823/49/tableexample.png
    Edited by: biochemistry43 on 30-oct-2012 13:17

    It is there in the CSS documentation, though it's not really very easy to pick out. See http://docs.oracle.com/javafx/2/api/javafx/scene/doc-files/cssref.html#tableview and look at the section called "Substructure".
    I'm not claiming that I get everything I need to know from the CSS docs, though. I often need to look at the default stylesheet, caspian.css, which you can extract from the jfxrt.jar file (it's at com/sun/javafx/scene/control/skin/caspian/caspian.css).
    Edited by: James_D on Nov 5, 2012 6:10 AM (fixed path for caspian.css)

  • Open a new mail item in Lotus notes with all names from table view..

    HI
    the requirement is like this .. There is a table view with checkboxes..
    Now user will select the particular checkboxes and one mail should be created in Lotus Notes with all the user ids selected.
    How do i achieve
    1) Selecttion of either all ( Select ALl/deselect all ) or some users funtionality in table view
    2) Opening a new mail item with all users selected.

    Hi Raja
    The problem is this
    I have 2 buttons mail to Selected  and mail to all .
              <htmlb:button id            = "b_mailtosel"
                            text          = "Mail to Selected"
                            onClick = "onInputProcessing(b_mailtosel)" />
              <htmlb:button id            = "b_mailtoall"
                            text          = "Mail to all"
                            onClick = "onInputProcessing(b_mailtoall)" />
    Table view below is having this value..
    <htmlb:tableView id             = "tab1_list"
                          table          = "<%= i_list %>"
                           footerVisible  = "false"
                           selectionMode = "MULTISELECT"
                           design          = "ALTERNATING"
                           emptyTableText = "No data available"
                           width          = "100%"
                            >
    OninPut processing
    WHEN 'b_mailtosel'.
          application->s_flag = '1'.
          l_tv ?= cl_htmlb_manager=>get_data( request = request
                                               name    = 'tableView'
                                               id      = 'tab1_list' ).
          IF NOT l_tv IS INITIAL.
            table_event = l_tv->data.
            IF NOT table_event->PREVSELECTEDROWINDEXTABLE IS INITIAL.
            i_selected_mail = table_event->PREVSELECTEDROWKEYTABLE.
            ENDIF.
          ENDIF.
    table_event->PREVSELECTEDROWKEYTABLE is blank since there is no key column defined in the Tableview  ( since this combination doesnt work with select all ) .
        WHEN 'b_mailtoall'.
        cl_htmlb_manager=>check_tableview_all_rows(
          rowcount = rowcount
          request = request
          id = 'tab1_list'
          check = 'X'
          application->s_flag = '1'.
          l_tv1 ?= cl_htmlb_manager=>get_data( request = request
                                               name    = 'tableView'
                                               id      = 'tab1_list' ).
          IF NOT l_tv1 IS INITIAL.
            table_event1 = l_tv1->data.
            IF NOT table_event1->PREVSELECTEDROWINDEXTABLE IS INITIAL.
            i_selected_mail = table_event1->PREVSELECTEDROWKEYTABLE.
            ENDIF.
          ENDIF.
    NO DATA is coming in Select all too..
    HOw do i frame my code to atleast get the values...

  • Hashed table in Table view

    Hi friends
      Can i use a hashed table in table view of htmlb.
    I tried it and i get the error
    <b>500 SAP Internal Server Error
    Error message: Type conflict in the ASSIGN statement in the program CL_HTMLB_TABLEVIEW============CP . ( type of termination: RABAX_STATE )</b>
      i have 6.20 System with the service pack 62053.
      Give me your suggestions.

    yes i have defined one of field as the key field for this table type
    <b>
    <htmlb:tableView id              = "<%= lv_table_id %>"
                     table           = "<%= pa_model->studenttab %>"
                     design          = "alternating"
                     visibleRowCount = "5"
                     selectionMode   = "LINEEDIT"
                     keyColumn       = "STUNO"
                     onRowSelection  = "onMyRowSelection"
                     width           = "100%"
                     iterator        = "<%= pa_model->iterator %>" />
    Error message: Type conflict in the ASSIGN statement in the program CL_HTMLB_TABLEVIEW============CP . ( type of termination: RABAX_STATE ) </b>

  • Problem with the table view's _visibleBounds when used on a scroll view

    I've had numerous problems with getting a table view to work on a scroll view since the table view keeps resizing (http://discussions.apple.com/thread.jspa?threadID=2618816&tstart=0)
    I have created the views in IB. The scroll view is attached to the controller's view, and is assigned as the controller's view. The frame size of the scroll view is 320x436. I am manually setting the content size in code:
    UIScrollView* tempScrollView = (UIScrollView*) self.view;
    tempScrollView.contentSize = CGSizeMake(320, 720);
    The table view's frame's width/height is set to 280x88 in IB (i.e the size of two cells), and the header and footer are set to size 0.
    However, when I run the code, the table view is smaller, it is only 280x68. I have looked in the debugger, and the table view's _contentSize (of its scroll view) is 280x88; however, the _visibleBounds property is 280x68.
    I've tried looking into the documentation for the UITableView class, but can't find anything on the _visibleBounds property, or where it is being set and how to force it to the correct size.
    If anybody has any advice, I'd appreciate it.

    I can get around this problem by going to the scrollview which the tableview belongs to, and unchecking the Autoresize Subviews box.
    But if anybody knows about the _visibleBounds property, or the rules which are applied when resizing subviews, I'd be interested.

  • Check box in tabel view?when to use itereator and when to use table view

    hi,
    I want to have a check box along with the other 7fields  in the table view.
    when the checkbox is checked and the merge complete push button is clicked, the respective code for merge is to be executed.
    how can I do this?
    could anyone tell me hw to get a check boz in table view
    when to use a  iterator in BSP, how table view n iterator in comparision ae used or function/work.
    Regards,
    Pavan P.

    Hi Pavan,
    Table View is an BSP element used to display mass data in a layout similar to a table (table view).
    <b>Iterator</b>is an attribute to modify rendering row-by-row, and make it dependent on the clicked row. In this way, you define an action from a particular line. This action is defined in columnDefinitions or overWriteDefinitions.
    <htmlb:tableView id = "tvX"
                     headerText          = "Department List"
                     design              = "standard"
                     headerVisible       = "true"
                     width               = "30%"
         selectedRowKeyTable = "<%= selectedrowindextable %>"
         onRowSelection      = "MyEventRowSelection"
         sort                = "server"
         keepSelectedRow     = "TRUE"
         selectionMode       = "MULTISELECT"
         table               = "<%= i_dept %>" >
    </htmlb:tableview>
    In your <b> OnInputProcessing </b>, Use this Iterator table to get the data of selected records.
    IF selectedrowindextable[] IS NOT INITIAL.
    DESCRIBE TABLE selectedrowindextable LINES no .
    Rgds,
    Jothi.
    Pls do close the thread if ur problem is solved.

  • Resizing columns in table view

    Hello,
    I have defined a table view in a iView.
    Now I want resize the width of a column.
    In the 'Layout'-Tab of the iView I can see the table view. When I select the column I want to resize then there are small boxes around the column. It seems that they are supposed to resize the column. But if I klick and drag, nothing happens. The width of the column isn't changed.
    Is there any way to change the width of a column?
    Regards, Michael Teubner

    Hi Michael,
    You can't resize the width of column.
    in theory, this is changed in the new version that everybody are waiting.
    Regards.

  • Help on Table View

    Hi Experts,
    This requirements seems to be a bit different but the user needs it this way.
    I have transaction data in a table format which crosses 10000 records.
    I have created a simple request and have called this request in dashboards.
    As the data is more the user looses the track of what column is he looking when he /she scrolls down.
    User wants to display the column headings at the end also.
    IS there anyway where i can display only the column headings and not the data.
    So that i can create such request and call this in dashboard also.
    Let me know if i need to be more clear.
    Appreciate your immediate response.
    Please treat this as an immediate requirement.
    Regards,

    Don't know if this will satisfy your needs... and you can always play with it to improve the final outlook, but take a look at this:
    You say you have a Table View and want the headers at the bottom of your report as well.
    1) Create a Duplicate Table View.
    2) In the Properties of Table:2 view, change the Rows per page to 1. (I tried 0, but it didn't work for obvious reasons.)
    3) Click on the Background Color and change the color to the color of the values (most likely black). This will black out the one row of data that unfortunately I couldn't find a way to get around.
    4) Click on Additional Formatting Options and enter 100% for the width. Do the same for the original Table View. This step will help the columns line up properly.
    5) Go to Compound Layout View and add the Table:2 View at after the original Table View.
    Voila, you have the headers at the end of the report. Not the most elegant solution, but if it works for you, great.

Maybe you are looking for

  • Cannot install Windows 8 on MacBook Air

    I am trying to install Win 8.1 Pro with Boot Camp on a 13 inch MacBook Air (early 2014) with 4G RAM and 256G storage. The machine is a new purchase and the OS was upgraded from Mavericks to Yosemite before attempting to use Boot Camp. I have made a n

  • How to convert sample project using EF4, ObjectContext -- to EF5 DBcontext?

    I have been working with (wrestling with) trying to create a copy a small sample project -- that is actually 3 project -- a class library containing an ADO.Net Entity Data Model (EF4) which uses ObjectContext, a WCF service application project (that

  • I need XML2DB documents..HELP!!

    Hi! I have some xml files which are extracted and formed from DB tables. I refered to DB2XML documents. But I don't know how to load the contents of xml files into Database. I need XML2DB documents or reference site. Kindly inform me the related site

  • Unknown Host sidhost (see /etc/hosts)

    Hi experts,     I'm facing a problem in maxdb please help us the issue Error: starting database instance ... Error! Connection failed to node devhost for database DEV: unknown host devhost (see /etc/hosts) Opening Database... Error! Connection failed

  • Transitioning to new mac

    I plan to go to apple store and get a new mac air.  I have tons of stuff on my old mac including a lot of purchased programs and apps.  But, I don't want to move it all over.  Do I need to save everything I don't want moved and get it off the mac bef