Fix table's column's name row(1st row of the table) so that it does not move up when the table is scrolled up to view more rows below

Fix table's column's name row(1st row of the table) so that it does not move up when the table is scrolled up to view more rows below

HI, I have a table in which the data is fetched from database. The table has 20 columns and the total number of rows depends upon the user. The table has a vertical and horizontal scroll bar. Problem: When the vertical scroll bar is used to scroll the table rows up to view more underlying data, then, the table's header (1st row which contains the column's name also move. This creates trouble for the users to fill the data in the respective columns as the column name is visible(as it has moved up along with the other rows.) I want only the records in the table to move up but not the column name.

Please provide a solution,

Code used for the table in the JSP page:

  <TABLE BORDER="0.5" CELLPADDING="4" ALIGN="Center"  WIDTH="1600px" style="table-layout:fixed;word-wrap:break-word;" >
                <Tr style="font-family: Calibri;" >

                    <TD BGCOLOR="#72A4D2" width="60px">column name</TD>
                    <TD BGCOLOR="#72A4D2" width="60px">column name</TD>
                    <TD BGCOLOR="#72A4D2" width="180px">column name</TD>
                    <TD BGCOLOR="#72A4D2" width="200px">column name</TD>
                </Tr>
After this is the code to fetch data from database.
View Answers

Ads









Related Tutorials/Questions & Answers:
Fix table's column's name row(1st row of the table) so that it does not move up when the table is scrolled up to view more rows below
Fix table's column's name row(1st row of the table) so that it does not move up when the table is scrolled up to view more rows below  HI, I have... the table rows up to view more underlying data, then, the table's header (1st row
Shorting Table View By Column Name
Shorting Table View By Column Name This tutorial explains how to shorting table view by column name from the database in JSP and Servlet. This example... shorting  table view by column name. The code of "userdetails.jsp
Advertisements
print the multiplication table up to one
print the multiplication table up to one  My problem is that I have to change the code so that the user can tell the program which factor that should...; System.out.println("Enter an integer to print it's multiplication table
Change Column Name of a Table
for renaming a column name in a database table. As we know that each table keeps contents in rows and column format. While making a table we specify the name... Change Column Name of a Table   
Adding button to each row for the table and adding row to another table
Adding button to each row for the table and adding row to another table  Hi I need to add button to each line in the table(Table data is retrived... row of the table
add image in a row of table
add image in a row of table  i have a table in which i have to add image in its row.i am trying to add the image with the help of label i.e i have... jLabel.setIcon(new ImageIcon("E:/2.jpg"));.But when i pass this jlabel in the row it shows
add image in a row of table
add image in a row of table  i have a table in which i have to add image in its row.i am trying to add the image with the help of label i.e i have... jLabel.setIcon(new ImageIcon("E:/2.jpg"));.But when i pass this jlabel in the row it shows
Delete row and column from table through java code
Delete row and column from table through java code... will see how to delete row and column from given table through java code. Java code... will delete the row having minimum value of ID then delete the column named
How to change table row color when click on Hyper Link in jsp?
How to change table row color when click on Hyper Link in jsp?  I use 5 links: Link 1 Link 2 Link 3.. table: row1 row2 row3.. when click on the link1 automatically change
delete row from a table in hibernate
delete row from a table in hibernate  is there method to delete row in a table using hibernate like save(-) to insert row
Insert specific fields into table dynamically for each row.
Insert specific fields into table dynamically for each row.  There is a table containing 20 fields and 2 of those are empty. The administrator... into the table. For this all the rows displayed and two rows with empty text boxes, he
Insert specific fields into table dynamically for each row.
Insert specific fields into table dynamically for each row.  There is a table containing 20 fields and 2 of those are empty. The administrator... into the table. For this all the rows displayed and two rows with empty text boxes, he
display table details when selecting table name in drop down liat
display table details when selecting table name in drop down liat  ... name from the dropdown, then the corresponding details of table name should... database to the dropdownlist in jsp. Example: 1st i want to display the list
JavaScript add row dynamically to table
; it will add a new row to this table with the text in the column as "... JavaScript add row dynamically to table  ... to add row to a table dynamically then we can also do this with the JavaScript code
JavaScript add row to table
have added the 'td' data to the row element 'tr'. When you load the page, you will get the table containing the columns Name and Address and a button 'Add row... JavaScript add row to table      
Deleting a Row from SQL Table Using EJB
to delete a row from the SQL Table. Find out the steps given below that describes how to delete a particular row from the database table using EJB. The steps... Deleting a Row from SQL Table Using EJB   
Query to insert values in the empty fields in the last row of a table in Mysql database?
Query to insert values in the empty fields in the last row of a table in Mysql... row of my MYSQL database. Now I want to fill up those empty fields in the last row. So what will be the query
JavaScript Hide Table Column
JavaScript Hide Table Column...; In this section, we are going to hide a table column using JavaScript... grabs the table reference and then retrieve all the rows by using
Table's row elimination based on option choosen
Table's row elimination based on option choosen  I have a drop down with yes and no option.if i select yes in a table 2 new rows are shown and if i select no another question in row appears but the space occupied by the question
delete row from a table using hibernate
delete row from a table using hibernate  //code in java file String hql="delete from CONTACT c where ID=6"; Query query=session.createQuery(hql); //error when executing above code CONTACT is not mapped
Adding checkbox in table using that delete table rows
Adding checkbox in table using that delete table rows  I need coding for how to add checkbox in table,the table data from database.Using that checkbox select more than than one rows,and using delete button i want to delete
Adding a flex table in another flex table column
Adding a flex table in another flex table column  how to add a flex table in another flex table column
JDBC Delete Row In Table Example
JDBC Delete Row In Table Example : In this tutorial we will learn how delete specific row from the table use mysql JDBC driver.This tutorial defined how one or more specific  row delete from table that follow any given condition
table?
table?  Hi, how could i make a table in javascript, which would look like this: AA CODON Number /1000 Fraction .. (this row represents the column identifiers, followed by four rows of inputs) Ala GCG 1.00
Mysql Alter View
; View is a virtual table, act like a table but  actually it does.... A view include  rows and columns from one or more than one tables. A View... column. View ensures security mechanism to the table. Alter View is used to modify
JavaScript Hide Table Rows
JavaScript Hide Table Rows...; In this section, you will learn how to hide table rows using JavaScript... object grabs the id of the table. Then we have determined the length of rows
Remove Unique Column in Database Table
that it will take a table name and column name from which we want to remove the unique key... Remove unique column example! Enter table name: Student Enter column name which has unique values: Stu_id Query OK, 5 rows
Adding a New Column Name in Database Table
Adding a New Column Name in Database Table  ... that we have created a table and forgets to add some important column name... that the table doesn't contains that particular column we are searching for. So
get data in pop up window droplists and on selecting data in the same show a grid table with related datas
(let it be state table). After selecting both country and state when I click... in the table the corresponding hotel name should be added in the parent window...get data in pop up window droplists and on selecting data in the same show
Delete a Specific Row from a Database Table
: This is a table name of a specific database.   Emp_code: It specifies the column name... Delete a Specific Row from a Database Table   ... the facility for deleting specific row in a database table. Sometimes, you want
How to add dropdown list in a row of a sort table applet?
How to add dropdown list in a row of a sort table applet?  How to add dropdown list in a row of a sort table applet

Ads