Data Controls :: How To Implement Scrollable GridView Rows
May 7, 2015How to scroll a gridview with moving the headertext?
View 1 RepliesHow to scroll a gridview with moving the headertext?
View 1 RepliesI try to make a combination of 2 of your articles
[URL]
It works but the column header width's are not matching the data columns.
When i take out the nested gridview it works fine.
Here's my code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$("[src*=plus]").live("click", function () {
$(this).closest("tr").after("<tr><td></td><td colspan = '999'>" + $(this).next().html() + "</td></tr>")
$(this).attr("src", "images/minus.png");
[code]....
[URL]
i just wanted to fixed 2 rows of headertemplate. how can i do that using jQuery?
URL...but I noticed that if move the bind from page load directly to button the code doesnt works?
<%@ Page Language="vb" AutoEventWireup="true" CodeBehind="WebForm1.aspx.vb" Inherits="_100yWeb.WebForm1" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<script src="Script/jquery-1.4.1.min.js" type="text/javascript"></script>
[code]...
In my div displaying list of records using gridview. The div properties are like height=200, width=200, overflow-y:scroll, etc. I know in gridview we will get a default Page navigation bar appened to the records (it could be bottom or top) but what I want is records in gridview is scrobble and page navigation bar should be static at both the places (bottom and top). if we enabled page navigation bar in gridview...it will be appended to the gridview records and it will be scroll along with records but i want static page navigation bar.
View 1 RepliesI am using jquery plugin [URL] ....
On my page there are several nets with update panel in the main grid I use a plug-in scrolling and everything works fine, but the rest of the grid placed in modulpopupextender with the panel, and return an error when updating, because the title of the grid is placed in a div, what to do?
I want scrollable gridview with fixed header. For that i create belw code
[Code]....
It works fine uptil page loads.I have functionality to delete rows from gridview.Once i click delete button from gridview the width of header columns get decreased then the width od data inside gridview.It means depending on the content of data the size gets variable.HOW to show data inside gridview irrespective of the content of data.
I came across a page that showed a solution for freezing the top (header) row of a gridview and allowed it to be scrollable. Here is the article: [URL] ....
It works and I was able to freeze the top row! However, I have a nested gridview ("gridview2") within that gridview ("gridview1") and I need to freeze it's header row...but I am encountering the following compilation error: "The name 'gridview2' does not exist in the current context"
I have tried many approaches to solve this, including calling the javascript function on the button event in which gridview2 is displayed, however I receive the compile error every time.
Here is the code that is causing the error:
<script type="text/javascript">
function gridlock() {
var GridId = "<%#gridview2.ClientID %>";
I used the link below [URL] .....
I have nearly 25 columns in my Gridview so when i apply the scrollable gridview the header does not align with template field.
Scrollable GridView with Fixed Headers inside ASP.Net UpdatePanel using jQuery Plugin. I have one more question in that. How to adjust the width of the columns headers because for some of my gridviews the headers not showing the proper format. in the gridview I gave HorizontalAlign="Left" and in the columns I gave
<asp:BoundField DataField="XXX" HeaderText="XXX" ItemStyle-Width="150px" HeaderStyle-HorizontalAlign="Left" />
It's not showing in the correct fomart. header is coming to the left side and data is coming to the right side...
In article [URL] .... I want to change the header Styling. Is it possible to change?? If yes then how?
Also, i want to use label inside header (to write heading).
I have a form with multiple update panels in one form. here i have a gridview with update panel where jqery scrolable with fixed header is not working. i saw your post where IsInUpdatepanel: true
View 1 RepliesI followed your topic to select all rows with checkbox in gridview header and it is verygoodThis is code :
<script type="text/javascript"> function CheckAll(objRef) {
var grid = document.getElementById("<%=Grd_Data.ClientID%>");
var headerCheckBox = document.getElementById("ChkAll");
var inputs = grid.getElementsByTagName("input"); for (var i = 0; i < inputs.length; i++) {
if (inputs[i].type == "checkbox") { if (objRef.checked) { inputs[i].checked = true;
} else { inputs[i].checked = false; } } } }</script>
But i noticed that when i deselect a row in gridview the checkbox in header is still checked.How can i fix this problem that when i deselect one row from gridview the checkbox in grid header change to be unchecked ?
I came across a situation where a user selects no of rows from dropdown , depending upon the user input, automatically that no of editable rows should appear to input data...(maximum 8 rows only)
View 1 RepliesI'm binding a gridview from a webservice with 30 columns and 10 rows, I need to print the same in a PORTRAIT, for that i decided to display columns as rows and
rows as columns like below:
EMP1 1 2 3 4
EMP2 1 2 3 4
I lost the links that someone posted me how to make the gridview to have scroll bars.
I restate my question:I have a gridview to show about 20 records. Now put the gridview into a <DIV>.
Would like to know how do I make it scrollable but keep the header stay in the same position?There is a header for columns in my gridview.
I'm also looking for scrollable Grid with freezed header, which is working in IE8. In above solution fixed column width is used. Is it possible to have a such grid where grid width is changing together with page width (when changed)?
View 3 RepliesI have 3 textboxes , 1 dropdown , 1 Button and 1 gridview .
Textboxes ID are :ACode , ADesc , ASeq
DropDown ID is :CPhase
Button ID is :AddRowBTN
GridView ID is :PhasesTempGrid
Now whats the story is ?After adding some data into textboxes , when a user clicks ADDRow BTN , that data gets saved into datatable , then that datatable gets binded to gridview and it shows my textboxes data in it .
What i want to achieve ?In my gridview i am use templateField and inside that template field there are textboxes ( Let the users edit the row without clicking any button ) .
Take an example of dummy data and problem persisting in there :for e.g i put some data in textboxes :ACode = "ABCD"ADesc = "EFGH"ASeq = "HIJK"Then i click Add BTN , it saves the data in datatable and show in gridview , now if i do this in gridview :ACode = "Edited ABCD"ADesc = "Edited EFGH too"ASeq = "WoW There"Then i click Add BTN , it removes the edited record in gridview and shows original data which had came earlier from textboxes :ACode = "ABCD"ADesc = "EFGH"ASeq = "HIJK"I don't want that to be done ... Simple is that user can enter data from textboxes , click the btn to submit into grid then he can edit the data like he want ... data must not get flashed , here's my coding i have done so far :
public void AddNewData()
{
var dt = new DataTable();
if (ViewState["myDatatable"] != null)
{
dt = (DataTable) ViewState["myDatatable"];
}
[CODE]...
here i havent added dropdown combo in gridview but you can do it so that it will save my time (Bind it just the way PhaseDropDown have bind)...
I know this topic has been asked, but the posts are all out of date, or not functional on IE8. In brief we basically want to do the excel style locking of column headers in a GridView. I have seen a couple of solutions one jquery+ css(setExpression) which doesn't work in IE8. And another that uses ajax extensions, yet again doesn't work in IE8.
I have been through every solution in the below link and have yet to find a working implementation for IE8. [URL]
How Can We Have A SCROLLABLE GridView With Fixed Header???(in vs 2008 - asp.net with c#) Fixed Header is my problem! i test many ways for doing that and see some live demos / but they did not work. can u show me a simple way 4 doing that with an example?
View 2 RepliesI have a requirement in my project, wherein i have to move the records from one datagrid to another datagrid. Basically there will be a source grid and target grid with 2 buttons in betweeen. Data row have to be moved in between the rows based on the button click (buttons are in between the grids). Can we do this on client side using the Javascript, JSON?
View 1 RepliesI am transferring selected rows from 1st gridview to 2nd gridview and removing rows from second gridview when I deselect row from 1st gridview using Javascript and it is working fine. But when I am deselecting the same row 2nd time it is not removing from 2nd gridview. html and javascript
<head runat="server">
<title></title>
<script type="text/javascript" language="javascript">
function AddRow(lnk) {
var rw = lnk.parentNode.parentNode;
[code]...
I have uploaded a excelsheet to datatable and that datatable is bound to gridview.there is a save button present,i want to click the save button and all the gridview data will save in database.but that gridview has no boundfield or templatefield.
View 1 RepliesI want to sort my gridview Bound feild column...
View 1 RepliesI have a set of dataset with different column retrieved from DB. I need to present the datasets in one GridView (or other ListView etc...) without specifying the column_header. It should present automaticly since the GridView is bind to the DataSet.
In additional, I want this GridView to handle multiple rows edit and update the dataset, idealy, show data in textboxs in initially.How could I set the GridView to edit_model without hardcode column_header and textboxs in 'itemtemplate' or filed.
How could I achieve the bulk edit and update, so that I can assign 'mydataview1.table' to the dataset.