Css 在SPGridView中冻结（锁定）列

我在SPGridView中看到过很多冻结列的例子，但我不知道为什么它们都不适合我。我的意思是-没有冰冻

我将非常感激看一看我的代码

下面是几段代码，它们已准备好启动。它必须在IE8+上工作（其他浏览器不重要）

我会给100分的解决方案，这将工作

风格

代码隐藏：

using System;
using System.ComponentModel;
using System.Data;
using System.Data.SqlClient;
using System.IO;
using System.Web;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using Microsoft.SharePoint;
using Microsoft.SharePoint.WebControls;

    namespace MySPGridView.VisualWebPart1
    {
        [ToolboxItemAttribute(false)]
        public class VisualWebPart1 : WebPart
        {
            // Visual Studio might automatically update this path when you change the Visual Web Part project item.
            private const string _ascxPath = @"~/_CONTROLTEMPLATES/FirstSPGridView/SPGridViewWebPartTest/VisualWebPart1UserControl.ascx";

            SPGridView _grid;


            private ObjectDataSource gridDS;




            protected override void CreateChildControls()
            {

                base.CreateChildControls();
                try
                {
                    SPSite mySite = SPContext.Current.Site;
                    SPWeb myWeb = mySite.OpenWeb();

                    //Using RunWithElevatedPrivileges

                    SPSecurity.RunWithElevatedPrivileges(delegate()
                    {
                        using (SPSite siteCollection = new SPSite(mySite.ID))
                        {
                            using (SPWeb web = siteCollection.OpenWeb(myWeb.ID))
                            {
                                const string GRIDID = "grid";
                                const string DATASOURCEID = "gridDS";

                                gridDS = new ObjectDataSource();
                                gridDS.ID = DATASOURCEID;
                                gridDS.SelectMethod = "SelectData";
                                gridDS.TypeName = this.GetType().AssemblyQualifiedName;
                                gridDS.ObjectCreating += new ObjectDataSourceObjectEventHandler(gridDS_ObjectCreating);

                                this.Controls.Add(gridDS);

                                _grid = new SPGridView();
                                _grid.RowDataBound += GridView1_RowDataBound;
                                _grid.AutoGenerateColumns = false;
                                _grid.ID = GRIDID;
                                _grid.DataSourceID = gridDS.ID;
                                _grid.AutoGenerateColumns = false;

                                HtmlGenericControl div = new HtmlGenericControl("div");
                                div.Attributes.Add("id", "div-datagrid");

                                div.Controls.Add(_grid);
                                Controls.Add(div);


                            }
                        }
                    });
                }
                catch (Exception ex)
                {
                    throw new NotImplementedException();
                }


            }


            protected sealed override void LoadViewState(object savedState)
            {
                base.LoadViewState(savedState);

            }

            private void gridDS_ObjectCreating(object sender, ObjectDataSourceEventArgs e)
            {
                e.ObjectInstance = this;
            }

            protected override void OnPreRender(EventArgs e)
            {

                CssRegistration css = new CssRegistration();
                css.After = "corev4.css";

                css.Name = "CustomStyle.css";
                this.Controls.Add(css);
            }


            protected sealed override void Render(HtmlTextWriter writer)
            {
                try
                {
                    GenerateColumns();
                    _grid.DataBind();
                    LockColumns();
                    base.Render(writer);
                }
                catch (Exception e)
                {
                    throw new NotImplementedException();
                }
            }


            private void GenerateColumns()
            {

                BoundField clientNameColumn = new BoundField();
                clientNameColumn.HeaderText = "Client";
                clientNameColumn.DataField = "LastName";
                clientNameColumn.SortExpression = "LastName";
                _grid.Columns.Add(clientNameColumn);


                BoundField birthDayColumn = new BoundField();
                birthDayColumn.HeaderText = "BirthDate";
                birthDayColumn.DataField = "BirthDate";
                birthDayColumn.DataFormatString = "{0:d}";

                birthDayColumn.SortExpression = "BirthDate";
                _grid.Columns.Add(birthDayColumn);

                BoundField FrenchOccupationColumn = new BoundField();
                FrenchOccupationColumn.HeaderText = "FrenchOccupation";
                FrenchOccupationColumn.DataField = "FrenchOccupation";
                FrenchOccupationColumn.SortExpression = "FrenchOccupation";
                _grid.Columns.Add(FrenchOccupationColumn);

                BoundField HouseOwnerFlagColumn = new BoundField();
                HouseOwnerFlagColumn.HeaderText = "HouseOwnerFlag";
                HouseOwnerFlagColumn.DataField = "HouseOwnerFlag";
                HouseOwnerFlagColumn.SortExpression = "HouseOwnerFlag";
                _grid.Columns.Add(HouseOwnerFlagColumn);

                BoundField NumberCarsOwnedColumn = new BoundField();
                NumberCarsOwnedColumn.HeaderText = "NumberCarsOwned";
                NumberCarsOwnedColumn.DataField = "NumberCarsOwned";
                NumberCarsOwnedColumn.SortExpression = "NumberCarsOwned";
                _grid.Columns.Add(NumberCarsOwnedColumn);

                BoundField AddressLine1Column = new BoundField();
                AddressLine1Column.HeaderText = "AddressLine1";
                AddressLine1Column.DataField = "AddressLine1";
                AddressLine1Column.SortExpression = "AddressLine1";
                _grid.Columns.Add(AddressLine1Column);

                BoundField AddressLine2Column = new BoundField();
                AddressLine2Column.HeaderText = "AddressLine2";
                AddressLine2Column.DataField = "AddressLine2";
                AddressLine2Column.SortExpression = "AddressLine2";
                _grid.Columns.Add(AddressLine2Column);

                BoundField AddressLine3Column = new BoundField();
                AddressLine3Column.HeaderText = "AddressLine3";
                AddressLine3Column.DataField = "AddressLine3";
                AddressLine3Column.SortExpression = "AddressLine3";
                _grid.Columns.Add(AddressLine3Column);

                BoundField AddressLine4Column = new BoundField();
                AddressLine4Column.HeaderText = "AddressLine4";
                AddressLine4Column.DataField = "AddressLine4";
                AddressLine4Column.SortExpression = "AddressLine4";
                _grid.Columns.Add(AddressLine4Column);

                BoundField AddressLine5Column = new BoundField();
                AddressLine5Column.HeaderText = "AddressLine5";
                AddressLine5Column.DataField = "AddressLine5";
                AddressLine5Column.SortExpression = "AddressLine5";
                _grid.Columns.Add(AddressLine5Column);

                BoundField AddressLine6Column = new BoundField();
                AddressLine6Column.HeaderText = "AddressLine6";
                AddressLine6Column.DataField = "AddressLine6";
                AddressLine6Column.SortExpression = "AddressLine6";
                _grid.Columns.Add(AddressLine6Column);

                BoundField AddressLine7Column = new BoundField();
                AddressLine7Column.HeaderText = "AddressLine7";
                AddressLine7Column.DataField = "AddressLine7";
                AddressLine7Column.SortExpression = "AddressLine7";
                _grid.Columns.Add(AddressLine7Column);

                BoundField AddressLine8Column = new BoundField();
                AddressLine8Column.HeaderText = "AddressLine8";
                AddressLine8Column.DataField = "AddressLine8";
                AddressLine8Column.SortExpression = "AddressLine8";
                _grid.Columns.Add(AddressLine8Column);

                BoundField AddressLine9Column = new BoundField();
                AddressLine9Column.HeaderText = "AddressLine9";
                AddressLine9Column.DataField = "AddressLine9";
                AddressLine9Column.SortExpression = "AddressLine9";
                _grid.Columns.Add(AddressLine9Column);

                BoundField AddressLine10Column = new BoundField();
                AddressLine10Column.HeaderText = "AddressLine10";
                AddressLine10Column.DataField = "AddressLine10";
                AddressLine10Column.SortExpression = "AddressLine10";
                _grid.Columns.Add(AddressLine10Column);

                BoundField AddressLine11Column = new BoundField();
                AddressLine11Column.HeaderText = "AddressLine11";
                AddressLine11Column.DataField = "AddressLine11";
                AddressLine11Column.SortExpression = "AddressLine11";
                _grid.Columns.Add(AddressLine11Column);

                BoundField AddressLine12Column = new BoundField();
                AddressLine12Column.HeaderText = "AddressLine12";
                AddressLine12Column.DataField = "AddressLine12";
                AddressLine12Column.SortExpression = "AddressLine12";
                _grid.Columns.Add(AddressLine12Column);

                BoundField AddressLine13Column = new BoundField();
                AddressLine13Column.HeaderText = "AddressLine13";
                AddressLine13Column.DataField = "AddressLine13";
                AddressLine13Column.SortExpression = "AddressLine13";
                _grid.Columns.Add(AddressLine13Column);

                BoundField AddressLine14Column = new BoundField();
                AddressLine14Column.HeaderText = "AddressLine14";
                AddressLine14Column.DataField = "AddressLine14";
                AddressLine14Column.SortExpression = "AddressLine14";
                _grid.Columns.Add(AddressLine14Column);



            }

            private void LockColumns()
            {

                //_grid.Columns[0].HeaderStyle.CssClass = "FrozenHeader";
                //_grid.Columns[1].HeaderStyle.CssClass = "FrozenHeader";
                //_grid.Columns[2].HeaderStyle.CssClass = "FrozenHeader";
                //_grid.Columns[3].HeaderStyle.CssClass = "FrozenHeader";
                //_grid.Columns[4].HeaderStyle.CssClass = "FrozenHeader";

                //_grid.Columns[1].HeaderStyle.CssClass = "FrozenHeader";
                //_grid.Columns[1].HeaderStyle.CssClass = "FrozenCell";

                //_grid.HeaderRow.Cells[0].CssClass = "locked";

                //_grid.HeaderRow.Cells[1].CssClass = "locked";

                //_grid.HeaderRow.Cells[2].CssClass = "locked";

                foreach (GridViewRow row in _grid.Rows)
                {
                    //if (row.RowType == DataControlRowType.DataRow)
                    //{

                    //row.Cells[0].CssClass = "FrozenCell";
                    //row.Cells[1].CssClass = "FrozenCell";
                    //row.Cells[2].CssClass = "FrozenCell";
                    //row.Cells[3].CssClass = "FrozenCell";
                    //row.Cells[4].CssClass = "FrozenCell";

                    //row.Cells[0].CssClass = "locked";
                    //row.Cells[0].CssClass = "locked";

                    //row.Cells[1].CssClass = "locked";

                    //row.Cells[2].CssClass = "locked";
                    //}
                }


            }


            public DataTable SelectData()
            {
                #region hardcoded data
                //DataTable dataSource = new DataTable();

                //dataSource.Columns.Add("ID");
                //dataSource.Columns.Add("Name");
                //dataSource.Columns.Add("Region");
                //dataSource.Columns.Add("Total Sales");

                //dataSource.Rows.Add(1, "J. Smith", "Europe", 10000);
                //dataSource.Rows.Add(2, "J. Smith", "North America", 15000);
                //dataSource.Rows.Add(3, "J. Smith", "Asia", 5000);
                //dataSource.Rows.Add(4, "S. Jones", "Europe", 7000);
                //dataSource.Rows.Add(5, "S. Jones", "North America", 30000);
                //dataSource.Rows.Add(6, "S. Jones", "Asia", 8700);
                //dataSource.Rows.Add(7, "W. Nguyen", "Europe", 3000);
                //dataSource.Rows.Add(8, "W. Nguyen", "North America", 50000);
                //dataSource.Rows.Add(9, "W. Nguyen", "Asia", 25000);
                //return dataSource;

                #endregion
                var dataGet = new DataTable();
                SPSecurity.RunWithElevatedPrivileges(delegate()
                                                         {
                                                             using (
                                                                 var conn =
                                                                     new SqlConnection(
                                                                         "Data Source=localhost;Initial Catalog=AdventureWorksDW2008R2;Integrated Security=True")
                                                                 )
                                                             {
                                                                 var adapter = new SqlDataAdapter();
                                                                 //adapter.SelectCommand =
                                                                 //    new SqlCommand("Select TOP 100 LastName,Birthdate,FirstName FROM DimCustomer WHere firstName like 'A%'");
                                                                 //adapter.SelectCommand =
                                                                 //    new SqlCommand("Select TOP 20 LastName,Birthdate,'FirstName_1' as FirstName FROM DimCustomer WHere firstName like 'A%' UNION ALL Select TOP 20 LastName,Birthdate,'FirstName_2' as FirstName FROM DimCustomer WHere firstName like 'B%'");
                                                                 adapter.SelectCommand =
                                                                     new SqlCommand("Select TOP 20 LastName,Birthdate,'FirstName_1' as FirstName,FrenchOccupation,HouseOwnerFlag,NumberCarsOwned,AddressLine1,AddressLine2,Phone,DateFirstPurchase,CommuteDistance, 'adressssss3' as AddressLine3,'adressssss4' as AddressLine4,'adressssss5' as AddressLine5,'adressssss6' as AddressLine6,'adressssss7' as AddressLine7,'adressssss8' as AddressLine8,'adressssss9' as AddressLine9,'adressssss10' as AddressLine10,'adressssss11' as AddressLine11,'adressssss12' as AddressLine12,'adressssss13' as AddressLine13,'adressssss14' as AddressLine14   FROM DimCustomer WHere firstName like 'A%' UNION ALL Select TOP 20 LastName,Birthdate,'FirstName_2' as FirstName,FrenchOccupation,HouseOwnerFlag,NumberCarsOwned,AddressLine1,AddressLine2,Phone,DateFirstPurchase,CommuteDistance, 'adressssss3' as AddressLine3,'adressssss4' as AddressLine4,'adressssss5' as AddressLine5,'adressssss6' as AddressLine6,'adressssss7' as AddressLine7,'adressssss8' as AddressLine8,'adressssss9' as AddressLine9,'adressssss10' as AddressLine10,'adressssss11' as AddressLine11,'adressssss12' as AddressLine12,'adressssss13' as AddressLine13,'adressssss14' as AddressLine14  FROM DimCustomer WHere firstName like 'B%'");
                                                                 adapter.SelectCommand.Connection = conn;
                                                                 conn.Open();

                                                                 adapter.Fill(dataGet);

                                                             }
                                                         });

                dataGet.Columns["Birthdate"].DataType = System.Type.GetType("System.DateTime");

                return dataGet;


            }

            protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
            {
                if (e.Row.RowType == DataControlRowType.DataRow)
                {
                    if (e.Row.Cells.Count > 1)
                    {

                        _grid.HeaderRow.Cells[0].CssClass = "locked";
                        e.Row.Cells[0].CssClass = "locked";
                    }
                }
            }
        }
    }

视图：

我输出我有

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

如果可以，请使用RadGrid for ASP.Net AJAX（Telerik）。请参见

您面临的问题（基于您链接的示例网站）是，web上的“工作版本”仅在怪癖模式下工作，但如果您在母版页上强制使用怪癖模式，您的SharePoint 2010页面甚至无法在怪癖模式下打开

如果您能够使用jQuery，您可以轻松地创建第一列的副本（如果您想要第一列），我将在稍后使用一些代码和编辑

编辑w/解决方案：

EDIT2:在可视化Web部件上：

<div id="container">
<SharePoint:SPGridView runat="server" DataSource="<%# Items %>" ShowHeader="true"
    AutoGenerateColumns="False" ID="tbl" Visible="false">
    <Columns>
      <asp:BoundField DataField="Column0" HeaderText="Column0" />
      <asp:BoundField DataField="Column1" HeaderText="Column1" />
      <asp:BoundField DataField="Column2" HeaderText="Column2" />
      <asp:BoundField DataField="Column3" HeaderText="Column3" />
      <asp:BoundField DataField="Column4" HeaderText="Column4" />
      <asp:BoundField DataField="Column5" HeaderText="Column5" />
      <asp:BoundField DataField="Column6" HeaderText="Column6" />
      <asp:BoundField DataField="Column7" HeaderText="Column7" />
      <asp:BoundField DataField="Column8" HeaderText="Column8" />
      <asp:BoundField DataField="Column9" HeaderText="Column9" />
      <asp:BoundField DataField="Column10" HeaderText="Column10" />
      <asp:BoundField DataField="Column11" HeaderText="Column11" />
    </Columns>
  </SharePoint:SPGridView>
  </div>

代码隐藏：

protected object Items
{
  get
  {
    var dt = new DataTable("Itens");
    dt.Columns.Add("Column0");
    dt.Columns.Add("Column1");
    dt.Columns.Add("Column2");
    dt.Columns.Add("Column3");
    dt.Columns.Add("Column4");
    dt.Columns.Add("Column5");
    dt.Columns.Add("Column6");
    dt.Columns.Add("Column7");
    dt.Columns.Add("Column8");
    dt.Columns.Add("Column9");
    dt.Columns.Add("Column10");
    dt.Columns.Add("Column11");

    for (var i = 0; i < 30; i++)
      dt.Rows.Add("lorem ipsum dolor" + i, "sit amet" + i, "consequetur" + i, "elit" + i, "lorem ipsum dolor" + i, "sit amet" + i, "consequetur" + i, "elit" + i, "lorem ipsum dolor" + i, "sit amet" + i, "consequetur" + i);

    return dt;

  }
}

protected void Page_Load(object sender, EventArgs e)
{
  DataBind();
}

受保护的对象项
{
得到
{
var dt=新数据表（“ITEN”）；
dt.列。添加（“第0列”）；
dt.列。添加（“第1列”）；
dt.列。添加（“第2列”）；
dt.列。添加（“第3列”）；
dt.列。添加（“第4列”）；
dt.列。添加（“第5列”）；
dt.列。添加（“第6列”）；
dt.列。添加（“第7列”）；
dt.列。添加（“第8列”）；
dt.列。添加（“第9列”）；
dt.列。添加（“第10列”）；
dt.列。添加（“第11列”）；
对于（变量i=0；i<30；i++）
dt.行加上（“lorem ipsum dolor”+i，“sit amet”+i，“consequetur”+i，“elit”+i，“lorem ipsum dolor”+i，“sit amet”+i，“consequetur”+i，“lorem ipsum dolor”+i，“sit amet”+i，“consequetur”+i”）；
返回dt；
}
}
受保护的无效页面加载（对象发送方、事件参数e）
{
数据绑定（）；
}

---

注：别忘了使用

获取javascript中的实际Id

我不明白你所说的“冻结列”是什么意思。你能更好地解释一下你想要实现什么吗？我的意思是锁定列，就像在这个例子中（它只适用于IE）我从你链接到的例子中复制了你的样式和表格html，它按照预期呈现-第一列和第一行是固定的。你能用你的网格生成的html标记更新这个问题吗？这样我们就可以检查链接css和html标记时是否有错误。有趣的。。。我复制了生成的html标记以感谢您的关注。是的，阿米尔，我知道telerik控件中的该功能，但就我而言，我不能使用它（许可证…），但感谢您的参观tip@user278618我发现，它可能有用。我很久以前就见过这个解决方案。对我来说不管用听起来很有希望。我将不胜感激：）非常简单的解决方案添加到帖子中，您应该能够轻松地将其集成到您的可视化Web部件中

<div id="container">
<SharePoint:SPGridView runat="server" DataSource="<%# Items %>" ShowHeader="true"
    AutoGenerateColumns="False" ID="tbl" Visible="false">
    <Columns>
      <asp:BoundField DataField="Column0" HeaderText="Column0" />
      <asp:BoundField DataField="Column1" HeaderText="Column1" />
      <asp:BoundField DataField="Column2" HeaderText="Column2" />
      <asp:BoundField DataField="Column3" HeaderText="Column3" />
      <asp:BoundField DataField="Column4" HeaderText="Column4" />
      <asp:BoundField DataField="Column5" HeaderText="Column5" />
      <asp:BoundField DataField="Column6" HeaderText="Column6" />
      <asp:BoundField DataField="Column7" HeaderText="Column7" />
      <asp:BoundField DataField="Column8" HeaderText="Column8" />
      <asp:BoundField DataField="Column9" HeaderText="Column9" />
      <asp:BoundField DataField="Column10" HeaderText="Column10" />
      <asp:BoundField DataField="Column11" HeaderText="Column11" />
    </Columns>
  </SharePoint:SPGridView>
  </div>

protected object Items
{
  get
  {
    var dt = new DataTable("Itens");
    dt.Columns.Add("Column0");
    dt.Columns.Add("Column1");
    dt.Columns.Add("Column2");
    dt.Columns.Add("Column3");
    dt.Columns.Add("Column4");
    dt.Columns.Add("Column5");
    dt.Columns.Add("Column6");
    dt.Columns.Add("Column7");
    dt.Columns.Add("Column8");
    dt.Columns.Add("Column9");
    dt.Columns.Add("Column10");
    dt.Columns.Add("Column11");

    for (var i = 0; i < 30; i++)
      dt.Rows.Add("lorem ipsum dolor" + i, "sit amet" + i, "consequetur" + i, "elit" + i, "lorem ipsum dolor" + i, "sit amet" + i, "consequetur" + i, "elit" + i, "lorem ipsum dolor" + i, "sit amet" + i, "consequetur" + i);

    return dt;

  }
}

protected void Page_Load(object sender, EventArgs e)
{
  DataBind();
}