在平时的开发中经常会将DataTable数据转化到页面显示、打印、导出等操作,下面这篇文章主要给大家介绍了C#中DataTable导出为HTML格式的方法,需要的朋友可以参考借鉴,下面来一起看看吧。
正文
C#中DataTable导出为HTML格式的方法
前言
在c#中datatable导出数据的时候,我们需要html格式的输出数据, 这时候就需要使用将datatable导出为到html格式的方法了,以下代码就可以帮助我们达到目的。
首先,我们要绑定datatable和 datagridview。
一、通过datatable绑定datagridview
1. 创建datatable,添加列
|
1
2
3
4
|
datatable table = new datatable(); table.columns.add("id", typeof(int)); table.columns.add("name", typeof(string)); table.columns.add("city", typeof(string)); |
2. 再添加行
|
1
2
3
4
|
table.rows.add(111, "devesh", "ghaziabad"); table.rows.add(222, "roli", "kanpur"); table.rows.add(102, "roli", "mainpuri"); table.rows.add(212, "devesh", "kanpur"); |
3. 绑定datagridview
|
1
|
datagridview1.datasource=table; |
4. 运行结果

二、将datatable 导出为 html
我写了一组代码来为每个datatable创建html文本。你可以在你的项目中直接引用。
代码如下:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
|
protected string exportdatatabletohtml(datatable dt) { stringbuilder strhtmlbuilder = new stringbuilder(); strhtmlbuilder.append("<html >"); strhtmlbuilder.append("<head>"); strhtmlbuilder.append("</head>"); strhtmlbuilder.append("<body>"); strhtmlbuilder.append("<table border='1px' cellpadding='1' cellspacing='1' bgcolor='lightyellow' style='font-family:garamond; font-size:smaller'>"); strhtmlbuilder.append("<tr >"); foreach (datacolumn mycolumn in dt.columns) { strhtmlbuilder.append("<td >"); strhtmlbuilder.append(mycolumn.columnname); strhtmlbuilder.append("</td>"); } strhtmlbuilder.append("</tr>"); foreach (datarow myrow in dt.rows) { strhtmlbuilder.append("<tr >"); foreach (datacolumn mycolumn in dt.columns) { strhtmlbuilder.append("<td >"); strhtmlbuilder.append(myrow[mycolumn.columnname].tostring()); strhtmlbuilder.append("</td>"); } strhtmlbuilder.append("</tr>"); } //close tags. strhtmlbuilder.append("</table>"); strhtmlbuilder.append("</body>"); strhtmlbuilder.append("</html>"); string htmltext = strhtmlbuilder.tostring(); return htmltext; } |
三、代码理解
我们创建了一个函数,使用datatable作为参数。
然后用stringbuilder类创建动态的html文本。
输出结果与datagridview中的行和列数量相同。
在html中创建列。
|
1
2
3
4
5
6
7
|
foreach (datacolumn mycolumn in dt.columns) { strhtmlbuilder.append("<td >"); strhtmlbuilder.append(mycolumn.columnname); strhtmlbuilder.append("</td>"); } |
复制数据,以下代码就会在datatable中创建相同数量的行,并将数据复制到html行中。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
foreach (datarow myrow in dt.rows) { strhtmlbuilder.append("<tr >"); foreach (datacolumn mycolumn in dt.columns) { strhtmlbuilder.append("<td >"); strhtmlbuilder.append(myrow[mycolumn.columnname].tostring()); strhtmlbuilder.append("</td>"); } strhtmlbuilder.append("</tr>"); } |
四、执行上面的代码后得到如下html文本
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
<html ><head></head><body><table border='1px' cellpadding='1' cellspacing='1' bgcolor='lightyellow' style='font-family:garamond; font-size:smaller'><tr ><td >id</td><td >name</td><td >city</td></tr><tr ><td >111</td><td >devesh</td><td >ghaziabad</td></tr><tr ><td >222</td><td >roli</td><td >kanpur</td></tr><tr ><td >102</td><td >roli</td><td >mainpuri</td></tr><tr ><td >212</td><td >devesh</td><td >kanpur</td></tr></table></body></html> |
五、创建html文件
|
1
2
|
string htmlbody = exportdatatabletohtml(table) system.io.file.writealltext(@"c:\abc.html", htmlbody); |
六、运行结果

总结
以上就是关于c#中将datatable导出为html格式的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。
原文链接:http://www.cnblogs.com/Yesi/p/5896773.html

发表评论