How to freeze column headers?

How can I freeze the column header so it doesnot disappear when I scroll down. I am using JSF and tomahawk <t:dataTable> in am application

This is not possible with JSF. It is also not possible with normal HTML.
Fixed column header is easy using a few CSS lines, but this won't work in a certain widely used web browser developed by a team in Redmond. You'll have to look in the Javascript+DOM corner for the solution then, but this won't work if the client disabled Javascript in their browser (although this would cover less than 1% of your target group I guess).
Here are some straightforward Google hints:
[http://google.com/search?q=scrollable+table+fixed+header]
Good luck.

Similar Messages

How to freeze column and row headers of a table

How to freeze column and row headers of a table in jsp and javascript. An example is available in
http://www.massless.org/_tests/grid1/ pls help to find a solutionj
Thanks in anticipation
Sreejesh

At least I don't stop you from that. I also don't see any benefits in this topic.
Success.

How to make column headers in table in PDF report appear bold while datas in table appear regular from c# windows forms with sql server2008 using iTextSharp

Hi my name is vishal
For past 10 days i have been breaking my head on how to make column headers in table appear bold while datas in table appear regular from c# windows forms with sql server2008 using iTextSharp.
Given below is my code in c# on how i export datas from different tables in sql server to PDF report using iTextSharp:
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;
using System.Data.SqlClient;
using iTextSharp.text;
using iTextSharp.text.pdf;
using System.Diagnostics;
using System.IO;
namespace DRRS_CSharp
public partial class frmPDF : Form
public frmPDF()
InitializeComponent();
private void button1_Click(object sender, EventArgs e)
Document doc = new Document(PageSize.A4.Rotate());
var writer = PdfWriter.GetInstance(doc, new FileStream("AssignedDialyzer.pdf", FileMode.Create));
doc.SetMargins(50, 50, 50, 50);
doc.SetPageSize(new iTextSharp.text.Rectangle(iTextSharp.text.PageSize.LETTER.Width, iTextSharp.text.PageSize.LETTER.Height));
doc.Open();
PdfPTable table = new PdfPTable(6);
table.TotalWidth =530f;
table.LockedWidth = true;
PdfPCell cell = new PdfPCell(new Phrase("Institute/Hospital:AIIMS,NEW DELHI", FontFactory.GetFont("Arial", 14, iTextSharp.text.Font.BOLD, BaseColor.BLACK)));
cell.Colspan = 6;
cell.HorizontalAlignment = 0;
table.AddCell(cell);
Paragraph para=new Paragraph("DCS Clinical Record-Assigned Dialyzer",FontFactory.GetFont("Arial",16,iTextSharp.text.Font.BOLD,BaseColor.BLACK));
para.Alignment = Element.ALIGN_CENTER;
iTextSharp.text.Image png = iTextSharp.text.Image.GetInstance("logo5.png");
png.ScaleToFit(105f, 105f);
png.Alignment = Element.ALIGN_RIGHT;
SqlConnection conn = new SqlConnection("Data Source=NPD-4\\SQLEXPRESS;Initial Catalog=DRRS;Integrated Security=true");
SqlCommand cmd = new SqlCommand("Select d.dialyserID,r.errorCode,r.dialysis_date,pn.patient_first_name,pn.patient_last_name,d.manufacturer,d.dialyzer_size,r.start_date,r.end_date,d.packed_volume,r.bundle_vol,r.disinfectant,t.Technician_first_name,t.Technician_last_name from dialyser d,patient_name pn,reprocessor r,Techniciandetail t where pn.patient_id=d.patient_id and r.dialyzer_id=d.dialyserID and t.technician_id=r.technician_id and d.deleted_status=0 and d.closed_status=0 and pn.status=1 and r.errorCode<106 and r.reprocessor_id in (Select max(reprocessor_id) from reprocessor where dialyzer_id=d.dialyserID) order by pn.patient_first_name,pn.patient_last_name", conn);
conn.Open();
SqlDataReader dr;
dr = cmd.ExecuteReader();
table.AddCell("Reprocessing Date");
table.AddCell("Patient Name");
table.AddCell("Dialyzer(Manufacturer,Size)");
table.AddCell("No.of Reuse");
table.AddCell("Verification");
table.AddCell("DialyzerID");
while (dr.Read())
table.AddCell(dr[2].ToString());
table.AddCell(dr[3].ToString() +"_"+ dr[4].ToString());
table.AddCell(dr[5].ToString() + "-" + dr[6].ToString());
table.AddCell("@count".ToString());
table.AddCell(dr[12].ToString() + "-" + dr[13].ToString());
table.AddCell(dr[0].ToString());
dr.Close();
table.SpacingBefore = 15f;
doc.Add(para);
doc.Add(png);
doc.Add(table);
doc.Close();
System.Diagnostics.Process.Start("AssignedDialyzer.pdf");
if (MessageBox.Show("Do you want to save changes to AssignedDialyzer.pdf before closing?", "DRRS", MessageBoxButtons.YesNoCancel, MessageBoxIcon.Exclamation) == DialogResult.Yes)
var writer2 = PdfWriter.GetInstance(doc, new FileStream("AssignedDialyzer.pdf", FileMode.Create));
else if (MessageBox.Show("Do you want to save changes to AssignedDialyzer.pdf before closing?", "DRRS", MessageBoxButtons.YesNoCancel, MessageBoxIcon.Exclamation) == DialogResult.No)
this.Close();
The above code executes well with no problem at all!
As you can see the file to which i create and save and open my pdf report is
AssignedDialyzer.pdf.
The column headers of table in pdf report from c# windows forms using iTextSharp are
"Reprocessing Date","Patient Name","Dialyzer(Manufacturer,Size)","No.of Reuse","Verification" and
"DialyzerID".
However the problem i am facing is after execution and opening of document is my
column headers in table in pdf report from
c# and datas in it all appear in bold.
I have browsed through net regarding to solve this problem but with no success.
What i want is my pdf report from c# should be similar to following format which i was able to accomplish in vb6,adodb with MS access using iTextSharp.:
Given below is report which i have achieved from vb6,adodb with MS access using iTextSharp
I know that there has to be another way to solve my problem.I have browsed many articles in net regarding exporting sql datas to above format but with no success!
Is there is any another way to solve to my problem on exporting sql datas from c# windows forms using iTextSharp to above format given in the picture/image above?!
If so Then Can anyone tell me what modifications must i do in my c# code given above so that my pdf report from c# windows forms using iTextSharp will look similar to image/picture(pdf report) which i was able to accomplish from
vb6,adodb with ms access using iTextSharp?
I have approached Sound Forge.Net for help but with no success.
I hope anyone/someone truly understands what i am trying to ask!
I know i have to do lot of modifications in my c# code to achieve this level of perfection but i dont know how to do it.
Can anyone help me please! Any help/guidance in solving this problem would be greatly appreciated.
I hope i get a reply in terms of solving this problem.
vishal

Hi,
About iTextSharp component issue , I think this case is off-topic in here.
I suggest you consulting to compenent provider.
http://sourceforge.net/projects/itextsharp/
Regards,
Marvin
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

Freeze column headers in WAD

Hi,
I developed a web layout in the WAD.
For my analysis grid, I want to freeze my column headers so when I scroll down, I still can see my column headers.
We can't work with XHTML-frames because the width of our first column changes...
Anybody an idea?
(BW 7.0, GUI 7.10, SP3)
Ciao
Joke

Hi,
there is a similar thread which may help you..
Freeze Panes in web reports
Regards,
Aparna

Tableview - Freeze column headers

Dear experts,
Working with a BSP page to display a very big tableusing tableview. Currently the header scrolls out of visible area when user scrolls down the table. Is there a way to freeze the column headers?
SR

Hi Srini,
Welcome to S.D.N.
Well there is one way of doing it that i know of is using StyleSheets...
Refer to <a href="http://web.tampabay.rr.com/bmerkey/examples/locked-column-csv.html">http://web.tampabay.rr.com/bmerkey/examples/locked-column-csv.html</a>.
Also refer to <a href="http://help.sap.com/saphelp_nw2004s/helpdata/en/4e/7feef553415e4fb357e80f7a6223b1/frameset.htm">Setting stylesheets- SAP Help</a>
Hope this helps..
<b><i>Do reward each useful answer..!</i></b>
Thanks,
Tatvagna.

How to fix column headers in Portal

Hi Guru's,
do you know is there a way to fix the report headlines like in Excel.
E.g. I have a report with about 2000 rows and when the user scrolls down the headlines are out of the screen and he doesn't know what is in which column.
So, we know about the possibility to restrict the rows per page to 20 rows or whatever, but then the jumping from side to side takes too much time.
So, is there a possibility to "fix the cells" like in Excel, so the User scrolls down and always sees the column headers?
Thanks in advance!
Sandra

In 7.0 Analyzer, open the workbook and go into Designer Mode. Double-click on the analysis grid to bring up the properties screen. Under the range field, replace the 2nd row number to the row where you want to limit the table. Then go to the tab called Clipping, select "Scroll and Keep Lead" under Vertical.
Dunno about 3.5.
Edited by: Andrew Zhou on Jul 17, 2008 9:25 AM
Oops you wanted to do this on web, not the other way around. In WAD 7.0, open the web template (if you're using standard template, it's 0ANALYSIS_PATTERN). Select the analysis grid and go into it's properties, change the "Number of Data Rows Displayed at Once" to your liking.

BW BPS Web Page(BSP App): how to Freeze columns in a ALV Layout?

Hi Gurus,
I'm trying to freeze the first columns of my layout when scrolling to the right.
I got the scrollbar including html(javascript) text element in my web page, but i for the moment I'm stuck with the freezing column.
I'd appreciate some help.
Thanks in advance.
IP

Hi, the problem is in the Web page, not in the layout definition.
The first thing i did was to freeze columns in the layout definition, but when you build your web page(bps_wb) those settings aren´t applying.
I guess i need javascript to do it. Any suggestion?
Thanks

How to Freeze Column/Rown

Greetings!
I am using Visual Studio 2005 and developing an application in ASP.NET by using bundeled Crystal Report .
As I have a limited space to show the report ; due to Master Page layout;. I have used bestfit property to false and defined the report width to 600 pixel.
Till Yet everything is fine.
I require
01. How to fix/freeze the first n say two columns so that when user scrolls the columns should not move or scroll.
02. In some cases I would like to freeze the Pager Header and now when user scrolls vertically then the page header would not move.
03. In some cases I require the above two in the same report.
An elaborate solution would be highly appreciated.
Thanks!
M.MaShaAllah

No I want it in Crystal Report Viewer. While developing report it gives us the option to freeze pane in IDE of Visual Studio 2005 but when report is executed in browser this option does not come.
While previewing report in Visual Studio 2005 IDE when we right click in the report then we got an option "Freeze Pan" in the shortcut menu. But when report is executed in browser this option vanishes.
thanks!
M.MaShaAllah

How to set column headers in Mail on MacBook Pro?

In Mail on my MacBook Pro I have a number of columns set as a default view in Mail - To, Subject, Date etc
I want to add Mailbox (as I have more than one mail account) as a default header.
When I right click on the header bar and add it, it works but next time I log on it's gone again.
How do I add Mailbox as a column permanently?

Can anybody help me with this?
I anticipated it would be quite a straight forward issue.
I presume I've posted it on the right forum but please advise if not.

Freeze column headers in a table and enable vertical scroll bar on the rows

I have seen demos of BI Publisher running an html view of a report that displays a table of data with a vertical scroll bar on the table. The table header is always visible as you scroll down on the rows of the table. Any idea how this is achievable?

Hi,
Have you find a way to do this? Im looking for the exact same thing!
Where did you see this demo?
Br
Magnus

OBIEE 11g: Freeze Column Headers?

Hello experts,
I am still new to 11.1.17 and my boss wants me to have the report’s panes frozen, just like in excel. Does anyone if there is an easy way to do this besides going through the instanceconfig.xml? Just through analysis
I was thinking from 11.1.1.6 may be things have improved. Anyone with a full step by step instructions?
Will surely appreciate the help

If that is the case you can follow 10g style of paging in table view to achieve both
http://bischool.wordpress.com/2009/08/24/pagination-or-page-contol-in-obiee-pivot-view/
Thanks,
Saichand

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.

Interactive report Column headers

Hi ,
I am using apex 4.2,
My IR report contains more than 500 rows , so when I scroll down , I am unable to see the column headers.
How to make column headers to be visible even when I scroll down.
Please guide me to achieve that .
Thank you,
Nihar Narla.

There is/was a plug-in (IR Plugin Package) that claims to support this.
See: http://apex-plugin.com/oracle-apex-plugins/dynamic-action-plugin/ir-plugin-package_108.html
I've never used it myself.
(more) PARS has also pointed out the following: http://theapexfreelancer.com/apex/f?p=APEXFREELANCER:IR_PLUGIN_PACKAGE:0
Howard

Freeze columns and rows for scrolling in HTML ouput

Hi everyone!
I have an BIP report with a crosstab generating a HTML output and the table tends to get very big in the ouput, both vertical and horizatal wise, and I am looking for a way to freeze the first column when scrolling horizontally and the header row when scrolling vertically.
Is there a way to accomplish this? It would help me a lot!
Thanks,
Magnus

I saw in another tread (Freeze column headers in a table and enable vertical scroll bar on the rows that this user have seen a demo of what I want to accomplish. Nothing that you are aware of?
Or, can it be done with Excel output?
/Magnus

How to Freeze Headers of tabular report and Forms - and Column Alignment

I have executed the solution listed in the following thread in my tabular form.
Re: How to freeze Headers of tabuar report and Forms in APEX 4.1
This works pretty well in my tabular form, but I do have a question and was wondering if the forum users can shed some light.
The tabular form has some display only fields and some editable fields. For example, columns A - G are display only fields (Display as Text - escape special characters, does not save state) and other fields that come after are editable. When there is data in the display only filed, every thing looks fine - column headers are aligned with the tabular form column data. But when there is no data in, one or more of, these display only fields, the tabular form columns/data shift to the left and now the column header does not align with the column data.
Following are the specifics
Full APEX version - 4.0.2.00.07
Full DB/version/edition/host OS - 11g
Web server architecture (EPG, OHS or APEX listener/host OS) - HTTP Server OAS
Browser(s) and version(s) used - IE 8
Theme - Sand-10
Template(s) - was using the Standard Report (then created the one found in the thread listed above and substituted with the new one)
Region/item type(s) - Chart Region
Links to related posts and threads (using the methods in the FAQ) - Re: How to freeze Headers of tabuar report and Forms in APEX 4.1
How do I set the column widths so the column header aligns with the column data?
Thanks,
DP
Edited by: DP on Dec 13, 2012 3:09 PM

Hello DP,
>
The tabular form has some display only fields and some editable fields. For example, columns A - G are display only fields (Display as Text - escape special characters, does not save state) and other fields that come after are editable. When there is data in the display only filed, every thing looks fine - column headers are aligned with the tabular form column data. But when there is no data in, one or more of, these display only fields, the tabular form columns/data shift to the left and now the column header does not align with the column data.
Full APEX version - 4.0.2.00.07
Browser(s) and version(s) used - IE 8
How do I set the column widths so the column header aligns with the column data?
>
As right now I don't have the APEX and browser versions mentioned, I will set up the environment and look for the issue faced by you.
Regards,
Kiran

How to freeze column headers?

Similar Messages

Maybe you are looking for