dataGrid 多维表头、表头跨行跨列设计及绑定数据
要在代码中设置DataGrid,其实并不复杂。基本的HTML代码片段如下:
```html
```
接下来,你需要绑定数据。在后台代码(如C)中,你可以这样操作:
```csharp
protected void Page_Load(object sender, EventArgs e)
{
string strsql = "select EmpID, Name, BranchID, LoginID, Pwd, Sex, EmpCode, Email, OfficeTel from mrBaseInf";
SqlConnection con = new SqlConnection("server=.;database=iOffice2009;uid=sa;pwd=sa");
DataSet ds = new DataSet();
SqlDataAdapter ter = new SqlDataAdapter(strsql, con);
con.Open();
ter.Fill(ds);
con.Close();
this.DataGrid1.DataSource = ds;
DataGrid1.DataBind();
}
```
完成数据绑定后,你可以进一步定制你的DataGrid,通过添加`DataGrid1_ItemDataBound`事件来实现表头的跨行跨列设计。代码如下:
```csharp
protected void DataGrid1_ItemDataBound(object sender, DataGridItemEventArgs e)
{
if (e.Item.ItemType == ListItemType.Header)
{
e.Item.Cells[0].RowSpan = 2; // 设置第一列跨两行
e.Item.Cells[1].RowSpan = 2; // 设置第二列跨两行
// ... 其他列的跨行设置
e.Item.Cells[5].ColumnSpan = 4; // 设置第五列跨四列,并设置居中显示
e.Item.Cells[5].HorizontalAlign = HorizontalAlign.Center;
编程语言
- dataGrid 多维表头、表头跨行跨列设计及绑定数据
- Asp.Net修改上传文件大小限制方法
- php二维数组合并及去重复的方法
- flex4 panel去掉标题设置透明度效果代码
- 在vue中安装使用vux的教程详解
- asp.net简单实现页面换肤的方法
- PHP中的替代语法介绍
- php获取目录所有文件并将结果保存到数组(实例
- 详解微信小程序图片地扯转base64解决方案
- 解决cordova+vue 项目打包成APK应用遇到的问题
- nodejs更改项目端口号的方法
- JS实现图片垂直居中显示小结
- smarty高级特性之对象的使用方法
- JS实现获取来自百度,Google,soso,sogou关键词的方法
- JavaScript字符串删除重复字符的方法
- 全新打包工具parcel零配置vue开发脚手架