Freeze table header in HTMLB Tableview

Hi
Does anyone know a way to freeze Table Header ( column names ) in HTMLB ?

Sure
<STYLE TYPE ="text/css">
      .tablbroad
      .tabllong
      #tabl
            table {
                    text-align:left;
                    border-collapse: collapse;
                  .tabl table th
                  thead th, thead th.locked    {
                  font-size: 12px;
                  text-align: center;
                  background-color: navy;
                  color: white;
                  border-right: 1px solid silver;
                  position:relative;
                  cursor: default;
                thead th
                          thead th.locked {z-index: 30;}
                          td.locked, th.locked{
                          background-color: #ffeaff;
                          font-weight: bold;
                          border-right: 1px solid silver;
                              left: expression(document.getElementById("tabl").scrollLeft);
                              position: relative;
                              z-index: 10;
                          </style>
       <div class="tablbroad" id="tabl">
Regards
Bhavana

Similar Messages

Freeze the column headers for htmlb:tableView using CSS

Hi
I am using a <htmlb:tableView > in BSP to display data.
i want to freeze the column headers so that they dont scroll when table data is scrolled.
Is it possible ?
Regards
Rajendra

Hi Rajendra,
Have a look at the links below:
[Freeze tableview header-I|https://forums.sdn.sap.com/click.jspa?searchID=24813847&messageID=3088768]
[Freeze tableview header-II|Freeze table header in HTMLB Tableview]
[Freeze Columns of tableview|https://forums.sdn.sap.com/click.jspa?searchID=24813847&messageID=3517748]
Search the forum and you will find information on this.
Regards,
Anubhav

htmlb:tableView : (table) Attribute value is not a valid reference

Hi All,
In Table view i am getting the following error.
The following error text was processed in the system:
<htmlb:tableView>: (table) Attribute value is not a table
My code in View is
CREATE OBJECT MODEL TYPE ZCL_HREPAN_MODEL_MAIN.
CREATE OBJECT tv_itr1 TYPE ZCL_HREPAN_MODEL_ITR_STATUS exporting model = model.
%>
     <htmlb:tableView id              = "reportsTable1"
                       headerVisible   = "true"
                       headerText      = "All PANs:"
                       footerVisible   = "true"
                       design = "alternating"
                       visibleRowCount = "20"
                       width           = "100%"
                       fillUpEmptyRows = "false"
                       columnWrapping = "false"
                       columnWidth     = "200"
                       sort = "server"
                       selectionMode = "lineEdit"
                       iterator        = "<%=tv_itr1%>"
                       table           = "//MODEL/DATE_RANGE_PAN" >
      </htmlb:tableView>
in above DATE_RANGE_PAN is table from model 'ZCL_HREPAN_MODEL_MAIN'
Controller as below: DO_REQUEST.
if lr_event is bound and lr_event->server_event = 'allpans'.
lo_model ?= get_model( 'model_id_status' ).
lo_display_view->set_attribute( name = 'model' value = lo_model ).
lo_display_view = create_view( view_name = 'allpans.htm').
call_view( lo_display_view ).
ENDIF.
DO_INIT as below
lo_model ?= create_model( class_name = 'ZCL_HREPAN_MODEL_MAIN'
                            model_id   = 'model_id_status').
please help me how to solve this??
REgards,
Kishan

I think DATE_RANGE_PAN is not table. Make sure its a table. If issue persist, post the data type declaration here.
Raja

Regarding HTMLB TableView Celclick

Hi All,
I have an HTMLB tebleview where the first column is a LINK .
When i click this cell (link) , i have following values n the method DO_HANDLE_EVENT of my class :
htmlb_event->name = 'tableView'.
table_event->event_type = 'cellClick'.
I need to capture the DATA of the ROW for which the CELL was clicked in an internal table .
The HTMLB TableView in the looks like:
<htmlb:tableView id              = "list"
                       emptyTableText = "<%= otr(BBP_SUS_UI/LIST_ORDER_NO_ENTRIES_FOUND) %>"
                       selectionMode   = "MULTISELECT"
                       sort            = "SERVER"
                       onHeaderClick   = "onmyHeaderClick"
                       onNavigate      = "onMyNavigate"
                       onRowSelection = "onMyRowSelection"
                       visibleRowCount = "<%= lepp %>"
                       visibleFirstRow = "<%= iv_list_nav_index %>"
                       width           = "100%"
                       table           = "//model/order_list"
                       headerVisible   = "<%= IV_HEADER_VISIBLE %>"
                       headerText      = "<%= status %>"
                       iterator        = "<%= io_iterator %>" />
Thanks,
Anubhav.

Hi Anu,
actually you haven't tried my code. You've changed it.
You have moved the double-quote (") signs to different places and added an asterix (*).
In ABAP a asterix (*) in the first character of a line comments out the entire line. A double-quote (") sign comments out the remainder of the line it appears in.
The comments I placed in the code where to show you the names of the attributes that hold the values you are looking for.
So in other words the attribute
tableview_event->selectedrowindex
contains the index of the selected row. You can then use this attribute in further ABAP statements.
You say that
the issue is retriving the value of ROW_INDEX
- well you do not need to retrieve it. It is already in the attribute tableview_event->selectedrowindex.
I also suggest you use the debugger to look at the other attributes that are visible in this object.
Cheers
Graham Robbo

Htmlb:tableView Recover the selected row

Hi.
How can I recover the selected row in a internal table, with the htmlb:tableView, in the onInputProcessing?
Thanks very much!
I'm using this sentence in the "layout":

    <htmlb:tableView id             = "myTableView"
                     visibleRowCount = "<%= c_ver_registros %>"
                     width                 = "<%= c_ancho_tabla %>"
                     selectionMode    = "SINGLESELECT"
                     table                  = "<%= T_TABLA %>" >
    </htmlb:tableView>
null

hi Marcos,
    While calling the Tableview in the layout get the selected row index in the attribute <b>selectedRowIndex = "<%= var_selectedindex %>"</b>   { where var_selectedindex should be defined as a pageattribute} the tableview definition should be like this..
<htmlb:tableView id = "myTableView"
visibleRowCount = "<%= c_ver_registros %>"
width = "<%= c_ancho_tabla %>"
selectionMode = "SINGLESELECT"
<b>selectedRowIndex = "<%= var_selectedindex %>"</b>
table = "<%= T_TABLA %>" >
</htmlb:tableView>
And in the <b>inputprocessing</b> ,
Try this code..
IF htmlb_event IS NOT INITIAL AND htmlb_event->if_htmlb_data~event_name = 'tableView' AND
     ( htmlb_event->if_htmlb_data~event_type = 'cellClick'   OR
       htmlb_event->if_htmlb_data~event_type = 'rowSelection' OR
       htmlb_event->if_htmlb_data~event_type = 'navigate' ) .
    DATA tableview_event TYPE REF TO cl_htmlb_event_tableview.
    tableview_event ?= htmlb_event.
      IF lr_tableview_event->selectedrowindex IS NOT INITIAL .
           var_selectedindex = tableview_event->selectedrowindex.
    ENDIF.
ENDIF.
regards,
Bhanu.

In SSRS , after exporting report in excel,wrap text property for cell and freeze column for SSRS table header not working in Excel

I am working no one SSRS my table headers are freeze cangrow property is false and my report is working perfect while rendering data on RDL and i want same report after exporting in Excel also , i want my table header to be freeze and wrap text property
to work after exporting in my report in excel but its not working ,is there any solution ? any patch ? any other XML code for different rendering ?

Hi Amol,
According to your description, you find the wrap text property and fix column is not working after exporting into Excel. Right?
In Reporting Services, when exporting to excel file, it has limitation for textbox.
Text boxes are rendered within one Excel cell. Font size, font face, decoration, and font style are the only formatting that is supported on individual text within an Excel cell.
Excel adds a default padding of approximately 3.75 points to the left and right sides of cells. If a text box’s padding settings are less than 3.75 points and is just barely wide enough to accommodate the text, the text may wrap in Excel.
In this scenario, it supposed to be wrap text unless you merge cells. If cells are merged, word-wrap does not work correctly. If any merged cells exist on a row where a text box is rendered with the
AutoSize property, autosize will not work. For the Fix Data Property, it can't be working in Excel. These are features when exporting to Excel. We can't change it because it's by design.
Reference:
Exporting to Microsoft Excel (Report Builder and SSRS)
If you have any question, please feel free to ask.
Best Regards,
Simon Hou

Table Header in freezed pane when exporting SSRS report to Excel

Hi,
I want table Header in freezed pane when exporting SSRS report to Excel.
Can I have the table header of tablix be present in freezed pane of excel.
Thanks,
Vivek Singh

Hi Vivek,
Please refer the following thread.
may be u get the answer.
How to freeze header pane in SSRS
Regards
msbilearning

How to Freeze Table/Column Header "without using additional scrollbars" ?

hi people,
I am hoping someone can help me here. I have a large table and would like to freeze the first row. Scrolling down the table "_*using the existing scrollbars*_" in the browser while ensuring the header rows are still visible (like Excel when you freeze panes). If you scroll to the right the header rows should stay frozen and not follow.
I know there are other threads which talk about freezing table/column header, but my requirement is to have it "without using additional scrollbar".
Thanks in advance,
RAKESH

Hi,
there is no default key for this. You will have to code your own JavaScript for this. Also, I am not sure you want the column to be selected but a field in the column for the row you are in - correct ?
Frank

BSP htmlb:tableView id="TV_VBAK" table= "//select/I_VBAK"

Hai Experts,
I have a small doubt in bsp appllication,
shall we write like...
<htmlb:tableView id="TV_VBAK" table= "//SELECT/I_VBAK">
I am using Class
ZCL_CONTROLLER_SALES1
in controller.
thanks in advance...
with regards
babu

hai
than q for ur reply.
point will be rewarded...
with regards
babu
Edited by: babu rs on Mar 5, 2008 4:49 PM

Getting acess to TableView table header

Hi,
How can I get access to the TableView table headers? I want to attach mouse listeners to them so that I can get a call back anytime a user mouse clicks a table header.
Thanks in advance, best regards,

You could call:
tableView.lookupAll(".table-view .column-header .label")after the table has been displayed on a Stage, but the lookup solution seems even uglier than the setGraphic one.

Excel like 'Freeze column header' functionality in sharepoint OOB list view webpart

Hi,
I have OOB external list dropped on a page as listview webpart. It contains many records and hence while scrolling down headers are no available, hence it should freeze all column headers while scrolling down the page. Its directly dragged and dropped
on site page hence no server side formatting can be done.
Is there any way we can apply some client side script to freeze column headers to listview webpart while scrolling down? or any settings that can be done to acheive this?
Thanks in advance.
Regards,
Rahul

Hi Rahul,
Normal techniques for freezing the header row of an HTML table tend to fall short when it comes to SharePoint 2010 lists due to the lack of THEAD elements.
You can try something like this, although you may want to test it in various browsers in case the column heading alignment is off.
<style>
.ms-viewheadertr{background-color:white;}
</style>
<script>
/* wrap the table in a div, set its height, give it scrollbars, and move it down */
var myTable = document.querySelector(".ms-listviewtable");
var wrapperDiv = document.createElement('div');
wrapperDiv.setAttribute("ID","FreezePaneWrapper");
wrapperDiv.setAttribute("style","OVERFLOW: auto; HEIGHT: 400px; padding-top:38px;");
wrapperDiv.appendChild(myTable.cloneNode(true));
myTable.parentNode.replaceChild(wrapperDiv,myTable);
/* Freeze the header row and move it up*/
var headerRow = document.querySelector(".ms-viewheadertr");
document.getElementById("FreezePaneWrapper").style.width = "" + headerRow.scrollWidth + "px";
headerRow.style.width = "" + headerRow.scrollWidth + "px";
headerRow.style.position = "absolute";
headerRow.style.top = ""+(headerRow.offsetTop-39)+"px";
/* Tell the header's columns to be the same width as the cells in the first "alternating" row */
var columns = document.querySelector("table.ms-listviewtable tr.ms-alternating").querySelectorAll("tr>td");
headers = document.querySelectorAll("tr.ms-viewheadertr th");
for(var i = 0; i < headers.length; i++){
if(columns[i].scrollWidth > headers[i].scrollWidth){
headers[i].style.width = ""+columns[i].scrollWidth + "px";
}else{
columns[i].style.width = ""+headers[i].scrollWidth + "px";
</script>
Edit: Also, you may want to inspect the HTML attributes on the external list view to be sure the class names match up with the querySelector parameters above. Specifically, the table should have a class of "ms-listviewtable", the header row should
have a class of "ms-viewheadertr", and rows of alternating background color should have a class of "ms-alternating".
If any of those are different in your case, you may be able to adjust the above code accordingly.

How to insert check box fields in a htmlb: tableview

Hi,
Can anybody tell me how to insert check box fields in a htmlb: tableview in a sequence of rows in a table view. How to generate the sequence no for the checkbox inorder to know the row that is checked.
Thanks in advance,
Aruna.

Here is the code which has the custom "Checkbox" in the tableview & Triggers the event. <b>You can identify the checkbox based on cell ID (p_cell_id)</b> in the method "IF_HTMLB_TABLEVIEW_ITERATOR~RENDER_CELL_START" & Based on the event name + Cell ID. Look at the code & let me know if you any issue.
<b>Layout:</b>
<%@page language="abap" %>
<%@extension name="htmlb" prefix="htmlb" %>
<htmlb:content id               = "content"
               design           = "design2002+design2003"
               controlRendering = "SAP"
               rtlAutoSwitch    = "true"
               forceEncode      = "ENABLED" >
<htmlb:page title="Test " >
    <htmlb:form>
      <%
data TV_ITERATOR Type Ref To zcl_itr.
data iterator type ref to IF_HTMLB_TABLEVIEW_ITERATOR.
create object tv_iterator exporting appl_cons = application.
iterator = tv_iterator.
      %>
      <htmlb:tableView id              = "fligts"
                       headerText      = "Flight"
                       width           = "100"
                       headerVisible   = "true"
                       design          = "alternating"
                       visibleRowCount = "10"
                       fillUpEmptyRows = "true"
                       showNoMatchText = "true"
                       filter          = "server"
                       sort            = "server"
                       onHeaderClick   = "MyEventHeaderClick"
                       table           = "<%= APPLICATION->itab %>"
                       iterator        = "<%= ITERATOR %>" />
    </htmlb:form>
</htmlb:page>
</htmlb:content>
<b>Event Handling:</b>
DATA: EVENT_ID1 TYPE REF TO IF_HTMLB_DATA.
EVENT_ID1 = CL_HTMLB_MANAGER=>GET_EVENT_EX( REQUEST ).
CASE EVENT_ID1->EVENT_SERVER_NAME.
IF NOT event_id1 IS INITIAL.
   if event_id1->server_event+0(9) = 'chkevent'.
SPLIT event_id1->server_event AT '-' INTO v_event v_dummy v_row v_col.
endif.
endif.
method IF_HTMLB_TABLEVIEW_ITERATOR~GET_COLUMN_DEFINITIONS.
     CLEAR p_column_definitions.
    CLEAR p_overwrites.
    DATA: tv_column TYPE TABLEVIEWCONTROL.
    tv_column-COLUMNNAME = 'FLDATE'.
    tv_column-edit        = 'X'.
    tv_column-sort        = 'X'.
    tv_column-TITLE               = 'Flight Date'.
    tv_column-WIDTH = '100'.
    APPEND tv_column TO p_column_definitions.
    CLEAR tv_column.
    tv_column-edit        = 'X'.
    tv_column-COLUMNNAME          = 'CONNID'.
    tv_column-TITLE               = 'Conn.ID'.
    tv_column-WIDTH = '70'.
    tv_column-HORIZONTALALIGNMENT = 'center'.
    APPEND tv_column TO p_column_definitions.
    CLEAR tv_column.
    tv_column-edit        = 'X'.
    tv_column-COLUMNNAME          = 'CHECKBOX1'.
    tv_column-TITLE               = 'Check Box'.
    tv_column-WIDTH = '30'.
    tv_column-HORIZONTALALIGNMENT = 'center'.
    APPEND tv_column TO p_column_definitions.
endmethod.
METHOD IF_HTMLB_TABLEVIEW_ITERATOR~RENDER_CELL_START.
       DATA: L_EVENT TYPE STRING.
CASE P_TABLEVIEW_ID.
    WHEN 'fligts'.
      CASE P_COLUMN_KEY.
        WHEN 'CHECKBOX1'.
*          CONCATENATE 'chk_event' '123' '2323' INTO L_EVENT SEPARATED BY '-' .
CONCATENATE 'chkevent' p_cell_id INTO l_event SEPARATED BY '-'.
          P_REPLACEMENT_BEE = CL_HTMLB_CHECKBOX=>FACTORY( ID = P_CELL_ID
        ONCLICK = L_EVENT CHECKED = 'false' ).
      ENDCASE.
ENDCASE.
ENDMETHOD.
Hope this will solve your problem.
<b><i>* Reward each helpful answer.</i></b>
Raja T
Message was edited by:
        Raja T

Button not working in a table header

I have a custom view that implements table header. I have buttons in that view. The buttons used to work fine in SDK prior to 5. I moved directly to SDK 7, and the buttons stopped working. The action is not called anymore.
Any help will be appreciated.
Thanks

Well, you have me stumped. I just replicated your code and it works fine for me:
- (void)doStuff:(id)sender
NSLog(@"Logo Touched!");
- (void)viewDidLoad {
// loadingView is a UIView that becomes the tableHeaderView
self.tableView.tableHeaderView = loadingView;
[loadingActivity startAnimating];
// setup a sample button (declared in header)
logoButton = [[UIButton alloc] initWithFrame:CGRectZero];
[logoButton setImage:[UIImage imageNamed:@"logo_webclip.png"] forState:UIControlStateNormal];
[logoButton addTarget:self action:@selector(doStuff:) forControlEvents:UIControlEventTouchUpInside];
logoButton.tag = 100;
[loadingView addSubview:logoButton];
- (void)viewDidAppear:(BOOL)animated {
[super viewDidAppear:animated];
logoButton.frame = CGRectMake(50., 50., 64., 64.);
That calls my target everytime it's touched... are you remembering to call the superclass for each of your overrided methods in your custom UIView? The only difference between my quick test and yours is that I didn't subclass UIView -- I just used the UIView class directly.

Error when displaying amount field in HTMLB Tableview

Hi all,
I am displaying some 'X' table in HTMLB Tableview and it has one amount field.But reference(currency) field of that amount field is in other table . I know it gives the error.
Please tell me there is any other way to resolve this problem with out adding reference(currency)field in the same table?
Thanks and Regards ,
Harikrishna .

Hi Hari,
But reference(currency) field of that amount field is in other table . I know it gives the error.
It will not give any error , you can use the currency key field of other table or structure .
Alternatively you can use predifined type DEC instaed of CURR .
Regards,
Anubhav

How can I freeze the header row in Numbers '08

Hello,
I've read through support communities and looked high and low through numbers, but can't seem to find a way to freeze my header row. Any ideas? Thanks!

Hi April,
Upgrade to Numbers '09, where the feature was added.
The closest you can come in Numbers '08 is "Repeat Headers" in the Table menu, which will show the header row at the top of each page of the document as it would be printed.
Regards,
Barry

Freeze table header in HTMLB Tableview

Similar Messages

Maybe you are looking for