[C#] Hướng dẫn chuyển đổi DataTable sang Table HTML

Đăng bởi: Thảo Meo - Lượt xem: 2356 13:41:21, 28/07/2020C#  In bài viết

Xin chào các bạn, bài viết hôm nay mình sẽ hướng dẫn các bạn cách xuất dữ liệu từ DataTable C# sang Table HTML và hiển thị lên Webbrowser.

[C#] Export DataTable to Table HTML

Thường trong lập trình ứng dụng, các bạn thường sử dụng Report để xuất báo cáo thông tin.

Tuy nhiên, trong bài này mình sẽ xuất dữ liệu từ DataTable sang table HTML nhanh chóng và sử dụng thư viện Bootstrap Framework, để hiển thị dữ liệu.

Sau khi view dữ liệu ở dạng Website, các bạn có thể dễ dàng xuất dữ liệu này dưới dạng File PDF, hoặc có thể in bảng dữ liệu này ra.

Dưới đây là giao diện demo ứng dụng Table HTML:

table_html_demo_csharp

Full source code C#:

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Diagnostics;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace DataTable2HTML
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        private void btn_export_Click(object sender, EventArgs e)
        {
            DataTable table = new DataTable();
            table.Columns.Add("STT", typeof(int));
            table.Columns.Add("Mã số", typeof(string));
            table.Columns.Add("Tên học sinh", typeof(string));
            table.Columns.Add("Ngày sinh", typeof(string));
            table.Columns.Add("Toán", typeof(double));
            table.Columns.Add("Văn", typeof(double));
            table.Columns.Add("Anh Văn", typeof(double));
            table.Columns.Add("Vật Lý", typeof(double));
            table.Columns.Add("Hóa Học", typeof(double));
            table.Columns.Add("Sinh Học", typeof(double));
            table.Rows.Add(1, "SV001", "Nguyễn Thảo", "28/03/2000", 7,8,8,6,7,10);
            table.Rows.Add(2, "SV002", "Hoàng Dược Sư", "15/01/1980", 7,8,8,6,7,10);
            table.Rows.Add(3, "SV003", "Trương Vô Kỵ", "24/05/2004", 7,8,8,6,7,10);
            table.Rows.Add(4, "SV004", "Dương Quá", "23/03/1978", 7,8,8,6,7,10);
            table.Rows.Add(5, "SV005", "Âu Dương Phong", "21/10/1968", 7,8,8,6,7,10);
            table.Rows.Add(6, "SV006", "Chu Chỉ Nhược", "24/03/1963", 7,8,8,6,7,10);
            table.Rows.Add(7, "SV007", "Hồng Thất Công", "05/03/1998", 7,8,8,6,7,10);
            table.Rows.Add(8, "SV008", "Dương Trùng Dương", "02/03/1970", 7,8,8,6,7,10);
            table.Rows.Add(9, "SV009", "Tiểu Long Nữ", "10/02/1988", 7,8,8,6,7,10);
            table.Rows.Add(10, "SV010", "Lý Mạc Sầu", "05/07/1991", 7,8,8,6,7,10);
           
           

            string HtmlBody = ExportDatatableToHtml(table);
            System.IO.File.WriteAllText(@"E:abc.HTML", HtmlBody);
            webBrowser1.Url = new Uri(@"E:abc.HTML");
        }
        protected string ExportDatatableToHtml(DataTable dt)
        {
            StringBuilder strHTMLBuilder = new StringBuilder();
            strHTMLBuilder.Append("<html >");
            strHTMLBuilder.Append("<head>");
            strHTMLBuilder.Append("<meta charset='utf-8'>");
            strHTMLBuilder.Append("</head>");
            strHTMLBuilder.Append(@"<link rel='stylesheet' href='https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css' integrity='sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk' crossorigin='anonymous'>");
            strHTMLBuilder.Append("<script src='https://code.jquery.com/jquery-3.3.1.slim.min.js' integrity='sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo' crossorigin='anonymous'></script>");
            strHTMLBuilder.Append(" <script src='https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js' integrity='sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49' crossorigin='anonymous'></script>");
            strHTMLBuilder.Append("<script src='https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js' integrity='sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy' crossorigin='anonymous'></script>");
            strHTMLBuilder.Append("<body>");

            strHTMLBuilder.Append("<h3 style='margin: 20px; color: #bd2130; font-weight: bold; text-align: center;'> DANH SÁCH ANH HÙNG THẦN ĐIÊU ĐẠI HIỆP</h3>");
            strHTMLBuilder.Append("<table class='table table-sm table-hover' style='margin: 20px;'>");

            strHTMLBuilder.Append("<thead>");
            strHTMLBuilder.Append("<tr class='bg-success' style='color: white; text-align: left;'>");
            foreach (DataColumn myColumn in dt.Columns)
            {
                strHTMLBuilder.Append("<th class='border border-secondary'>");
                strHTMLBuilder.Append(myColumn.ColumnName);
                strHTMLBuilder.Append("</th>");

            }
            strHTMLBuilder.Append("</tr>");
            strHTMLBuilder.Append("</thead>");


            foreach (DataRow myRow in dt.Rows)
            {

                strHTMLBuilder.Append("<tr>");
                foreach (DataColumn myColumn in dt.Columns)
                {
                    strHTMLBuilder.Append("<td class='border border-secondary'>");
                    strHTMLBuilder.Append(myRow[myColumn.ColumnName].ToString());
                    strHTMLBuilder.Append("</td>");

                }
                strHTMLBuilder.Append("</tr>");
            }
            
            strHTMLBuilder.Append("</table>");
            strHTMLBuilder.Append("</body>");
            strHTMLBuilder.Append("</html>");

            string Htmltext = strHTMLBuilder.ToString();

            return Htmltext;

        }
    }
}

Thanks for watching!

DOWNLOAD SOURCE

Tags: datatable c#table html c#

THÔNG TIN TÁC GIẢ

Founder Thảo Meo 1171 bài viết 10,136,078

NGUYỄN THẢO

Founder at LaptrinhVB.net

★★★★★

♥ Tình yêu thương chẳng hề hư mất bao giờ. (Cr 13,4)

=========================================================================

My skills includes .NET(C#, VB.NET), DevExpress, Java, Android, PHP,

Python, Sqlserver, Mysql, Reactjs, Dart, Flutter, API services and lot more...

Phone/Zalo/Telegram/WhatsApp: +84.933.913.122

Email: nguyenthao.laptrinhvb@gmail.com

Facebook: https://fb.com/Lewandowski28031988

Youtube Channel: https://www.youtube.com/@thaomeotv

Buy me a cup of beer

momo_nt zalopay_image

buy_a_coffee

=========================================================================

BÀI VIẾT LIÊN QUAN

Đăng bởi: Thảo Meo - Lượt xem: 2356 13:41:21, 28/07/2020C#  In bài viết

[C#] Hướng dẫn chuyển đổi DataTable sang Table HTML

[C#] Export DataTable to Table HTML

THÔNG TIN TÁC GIẢ

NGUYỄN THẢO

BÀI VIẾT LIÊN QUAN

CÁC BÀI CÙNG CHỦ ĐỀ

[C#] Hướng dẫn sử dụng thuật toán sắp xếp Quick Sort

[C#] Hướng dẫn xuất danh sách hình ảnh nhân viên ra file Excel

Chương trình nghe nhạc đơn giản với C#

[C#] Hướng dẫn sử dụng ObservableCollection trong lập trình Winform

[C#] Hướng dẫn thêm cookie vào Http Request website

[C#] Hướng dẫn hiển thị Message Box with Button Details

[C#] Hướng dẫn show Tooltip tại vị trí control đang active trên winform

[C#] Chia sẽ công cụ component Dropdown Extend Winform

Kết nối MS Access với C#

[C#] Giới thiệu và sử dụng Extension Method trong lập trình csharp

[C#] Hướng dẫn load hình ảnh vào picture box chế độ Unlock

[C#] Hướng dẫn cách bo tròn winform with Radius

[C#] EPPLUS thư viện Excel bá đạo trong lập trình csharp

[C#] Hướng dẫn sử dụng Sort và Filter Advance Data Gridview Winform

[C#] Hiển thị phiên bản Net Framework từ file dll hoặc exe

[C#] Hướng dẫn viết ứng dụng ẩn và hiện Taskbar Windows

[C#] Chia sẽ source code phần mềm import dữ liệu từ Excel vào Database Sqlserver

[C#] Xem thông tin đăng ký tên miền Who is Domain

[C#] Ứng dụng hiển thị danh sách các phần mềm đã được cài đặt trong máy tính local

Hướng dẫn viết chương trình thu âm (Record Voice) bằng C#

[C#] Chia sẽ công cụ soạn thảo HTML trên Winform (WinFormHtmlEditor)

[C#] Hướng dẫn lấy danh sách, xóa, upload, download file Google Cloud Storage API

[C#] Chia sẻ hiệu ứng chuyển động trên lập trình winform

[C#] Làm việc với Microsoft PowerPoint file template trong Winform

Lập trình CSharp - Sử dụng Log4Net để ghi lại nhật ký khi chạy web hoặc ứng dụng

LIÊN KẾT BẠN BÈ

[C#] Hướng dẫn chuyển đổi DataTable sang Table HTML

[C#] Export DataTable to Table HTML

THÔNG TIN TÁC GIẢ

NGUYỄN THẢO

BÀI VIẾT LIÊN QUAN

CÁC BÀI CÙNG CHỦ ĐỀ

LIÊN KẾT BẠN BÈ

ĐĂNG NHẬP

THÔNG BÁO LỖI

ĐĂNG KÝ THÀNH VIÊN

THÔNG BÁO LỖI

CHÍNH SÁCH VÀ ĐIỀU KIỆN SỬ DỤNG