I need to freeze the first columns in a ASP.NET Datagrid web control.
I've got approximately 20 columns. I'm using visual studio 2008.
It should be like Excel. Also need to freeze header as well.
I would like to know how I can freeze the Header Row using DataGrid with AJAX in IE8. I've already tried using CSS but this does not work with IE8 unless I switch it to compatiblity mode. I have more than 100+ users so this is not feasible.
View 1 RepliesI have searched numerous articles for how to accomplish freezing the Header Row of a DataGrid or GridView component being to simply hide the header and then build table cells just above the component to define the columns. But the one that I'd like to get to work is by the use of CSS code. Problem is that this code seems to work for everyone else but it isn't working for me. Here's my Stylesheet code:
[Code]....
When I run my page I get all the styles applied but the header scrolls with all the other rows in the grid.
why this code is probably not working? I am using .NET Framework 3.5 and developing in VSS 2008 which may be why this doesn't work?
I have successfully downloaded sample code from Code Project which works using other techniques as well, but the code was written in .NET 1.1 Framework and VB.NET.
I have to freeze the first column in a data grid. i have done freezing part but the issue is vertical and horizontal scroll bar movement getting slow. in my data grid each row contains 18 textboxes and 18 image buttons.if number of rows count around 15 then the scroll bars working almost properly.issue in
morethan 15 rows
For freeze i am using CSS.Platform is asp.net1.1
in CSS i am using below given codes.
div#div-datagrid {
width: 200px;
height: 200px;
overflow: auto;
}
/* Locks the left column */
td.locked, th.locked {
position:relative;
cursor: default;
left: expression(document.getElementById("div-datagrid").scrollLeft-1);
}
/* Locks table header */
th {
font-size: 14px;
font-weight: bold;
text-align: center;
background-color:Navy;
color: white;
border-right: 1px solid silver;
position:relative;
cursor: default;
top: expression(document.getElementById("div-datagrid").scrollTop-4);
z-index: 10;
}
/* Keeps the header as the top most item. Important for top left item*/
th.locked {z-index: 99;}
I have requirement for loading dynamic controls on my page.i had button addmore>>when i click that button i need create row containing 3 columns with one dropdown,2 text box controls in my page.how to do this and please try to guide me.my user want to create many rows but initially page he dont want load all those controls..when click add more only we need create..
View 1 Replieshow to freeze the x axis of the chart control in ms chart? need to use because data displayed at large amount that is scrollable.
View 1 RepliesRecently, I am working on the datagrid, where I want to make datagrid as an input control where I would place textbox into a single cell, also the same way I want to include a datagrid control and calendar control? How would I do that?
View 6 RepliesHow do I add a colgroup tag to the datagrid control so that I can style each column using css?
View 1 RepliesI have gridview with 15 and above columns,I need to freeze the header of the gridview using the following css :
.container
{
overflow: auto;
}
/* Keep the header cells positioned as we scroll */[code].....
i am developing asp.net application using visual studio 2003 version. I know only vb script not c# or others. my requirement is like this "from sql server database i getting some table data and displaying on the datagrid.I had customised the datagrid with button column with (Edit,Update,Cancel) Option." I stucked up here.
my requirement is by pressing Edit button one column in the datagrid should come under edit mode. After editing the data by clicking on the update button it should update the data in the database, like wise by clicking on the cancel button it should cancel the edit process etc.
I have 2 button in ASP.net, when i pressed button1 my div innerhtml changed to some value. and when I press the button2 my datagrid will display in the same div. how can i display the datagrid inside the div at runtime.
View 1 RepliesMy Question is related to access the rows in one page and putting conditions in another page.
I need to check whether a datagrid has row in it or not. DataGrid is in .aspx page. Based on this checking i need to write a condition in .ascx page.
the .ascx on which condition is checked is linked to .aspx page. Meaning that UserControl1.ascx is Register with Default.aspx page
I am using VS 2003
I am trying to place a dropdown control in a field of the datagrid so that a drop down appears in each row and I can use that to edit the row instead of using the ID value in the row fields.. I have converted the required field i,.e. Type into a templatefield.
View 2 RepliesHow to disable particular cell or control in DataGrid?
View 1 RepliesI'm exporting an ASP.NET gridview to Excel using the following function. The formatting is working really well, except I need to freeze the header row in Excel on the export. I'm really trying to avoid using a 3rd party Excel plugin for this, but unless there's some archaic excel markup in my AddExcelStyling function.
[code]....
I have a grid view that contains a lot of data. Users have to scroll down far sometimes to edit that data. But since the header of the gridview isn't inherently frozen, its a pain for them to edit that data because they have to constantly scroll up and down. I've looked up several different methods on how to freeze the columns, but it none work work well with bound data. Often times, the rows will be offset by a large margin and even greater so, when the data is being edited. So it beats the purpose of doing it.
I can't remember exactly what I've tried, but most of it's been around Javascript. Any method to freeze the header? Or is there a better control, third party or otherwise?
I have a gridview where I display (from left to right) plant id, product no and month/year and there after a column with qty for every day on the month.
The gridview is located inside a panel that has a horizontal scrollable property set that lets user scroll from left to the right. This works fine.
Now, they are asking if it is possible somehow to freeze plant id and product no? Currently when they scroll past day 10 then plant id and product no is not longer visible and making it hard to see what line you are on.
I want to know How to freeze panes in gridview asp.net with vb.net are work.
View 1 RepliesI want to freeze GridView headers.
View 1 RepliesI have a master page msthome.master having div id='alert90%' when i call this div using javascript showdiv(id) from my aspx page.i want all background should freeze.
View 1 RepliesI am using VB. ASPNET2008 to develope Web Application. I am not sure whether to insert control DATAGRID or DATAVIEW. Also, what Reference Library am I supposed to use in order to use the Control.
View 9 RepliesI have a datagrid that is displaying data that is being returned from a stored procedure. That works fine. The problem is that I want to do sorting. I know that there is sorting functionality in the grid, however, I don't want to go back to the server and get a new set of data. What I want to do is just re-sort the data that is already being displayed.
Basically, I couldn't not find an easy solution to this issue. I tried updating my dataGrid to a gridView control and even that (for my particular issue) was difficult. I wound up un-doing all the changes and just adding another grid that had just the data I wanted for the requirement. If anyone else has an issue like this I would recommend taking it out of a datagrid and writing it in jQuery. I could of written a table that had the data I wanted (and fully sortable using a plug-in mentioned below) in 15 minutes compared to the hours I spent trying to jam a square peg into a round hole.
how to delete and update in datagrid on OnDeleteCommand and OnUpdateCommand.
View 1 RepliesI have 2 grids gvParent & gvChild I would like to filter gvChild when a row is selected in gvParent the linking fields are contractNo
I added a column for selecting:
<asp:TemplateField ShowHeader="False">
<ItemTemplate>
<asp:LinkButton ID="LinkButton1" runat="server" CausesValidation="False" CommandName="Select"
OnClick="LinkButton1_Click" Text="Select"></asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>
I know how to handle the filtering of the grid (create a criteria and set to rowfilter of the dataview) But, I dont know how to get the value of the column of the selected row.
Before you say, yeah this question can be duplicate;
Gridview "Freeze Pane" Solutions
How to freeze GridView header?
Freeze GridView Header in ASP.NET ?
How To Freeze Columns in GridView
But there is no solution both freeze pane Horizontal and Vertical.
Let's Go My Question !
I have a Gridview like this.
Here is my Gridview code;
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
DataSourceID="SqlDataSource1" DataKeyNames ="HESAP_NO,DOVIZ_KOD"
Font-Names="Verdana" Font-Size="Small" AllowSorting="True"
onrowdatabound="GridView1_RowDataBound"
onrowupdating="GridView1_RowUpdating" onrowcommand="GridView1_RowCommand"
PageSize="2" BackColor="White" BorderColor="#999999" BorderStyle="Solid"
BorderWidth="1px" CellPadding="3" ForeColor="Black" GridLines="Vertical" >
<Columns
[Code]....