Web Analytics

HtmlTableHelper

⭐ 42 stars Turkish by mini-software

NuGet


version version version version version version version version version version version version version version version version version


Özellikler

Kurulum

Paketi NuGet'ten Visual Studio Paket Yöneticisi veya NuGet arayüzü ile kurabilirsiniz:

PM> install-package HtmlTableHelper

veya dotnet komut satırı ile:

dotnet add package HtmlTableHelper

Fiddle Demo:

Başlarken

##### Anahtar/Değer Tipi Olmayan List/Array/Set/Enumrable Örneği ``C# using HtmlTableHelper; .. var sourceData = new[] { new { Name = "ITWeiHan", Age = "25",Gender = "M" } }; var tablehtml = sourceData.ToHtmlTable(); /* Sonuç:

NameAgeGender
ITWeiHan25M
*/

##### Dapper Örneği
C# using (var cn = "Your Connection") { var sourceData = cn.Query(@"select 'ITWeiHan' Name,25 Age,'M' Gender"); var tablehtml = sourceData.ToHtmlTable(); }

##### Dictionary Örneği 
C# var sourceData = new[] {new Dictionary (){{"Name" , "ITWeiHan" },{"Age",25},{"Gender","M"}}}; var tablehtml = sourceData.ToHtmlTable();

Özel Tablo/TR/TD/TH Özellikleri (Dinamik Tip)

C# var data = /List/Array/Set/Enumrable../; var html = data.ToHtmlTable( tableAttributes: new { @class = "SomeClass"} //bu dinamik tiptir, tüm özellikleri destekler ,trAttributes: new { ID = "SomeID" },tdAttributes: new { width = "120 px" },thAttributes: new { @class = "dark-theme" } ); /* Sonuç:
..
..
*/

##### Özellik Açıklaması

###### 1. Display :

C# public class ModelClassWithDisplayAttr { [TableColumn(DisplayName = "Sütun1")] //MyProperty1 özelliği thead-td'nin innertext'ini "Sütun1" olarak render eder public string MyProperty1 { get; set; } [TableColumn(DisplayName = "Sütun2")] //MyProperty2 özelliği thead-td'nin innertext'ini "Sütun2" olarak render eder public string MyProperty2 { get; set; } }

###### 2. Atla : 
C# public class ModelClassWithSkipAttr { [TableColumn( Skip = true)] public string MyProperty1 { get; set; } //MyProperty1 html olarak render edilmeyecek public string MyProperty2 { get; set; } }

##### HTMLTableBuilder

###### HtmlCaption

C# var soucreData = new []{ new {MyProperty1="test",MyProperty2=123} }; var html = soucreData.CreateBuilder() .SetCaption("Bu bir Başlıktır", new { id = "CaptionId" }) .ToHtmlTable(); //Sonuç :
Bu bir Başlıktır
MyProperty1MyProperty2
test123

##### HTMLTableSetting

Yapılandırılabilir InnerHtml Kodlaması (Özel bir sebep yoksa önerilmez, çünkü XSS Saldırısı olabilir)

C# var sourceData = new[] { new { Name = "ITWeiHan" } };

//Varsayılan Kodlama var encodinghtml = sourceData.ToHtmlTable(); //Sonuç:

..<b>ITWeiHan</b>..

var htmltablesetting = new HTMLTableSetting() { IsHtmlEncodeMode = false }; var notEncodinghtml = sourceData.ToHtmlTable(HTMLTableSetting: htmltablesetting); //Sonuç:

..ITWeiHan..

Genişletme

ASP.NET Core MVC: Bir IHtmlHelperExtension.cs oluşturun
C# using System.Collections.Generic; using HtmlTableHelper; using Microsoft.AspNetCore.Mvc.Rendering; using Microsoft.AspNetCore.Html;

public static class IHtmlHelperExtension { public static HtmlString ToHtmlTable(this IHtmlHelper htmlHelper, IEnumerable enums , object tableAttributes = null, object trAttributes = null, object tdAttributes = null , HtmlTableSetting HTMLTableSetting = null) { var html = enums.ToHtmlTable(tableAttributes, trAttributes, tdAttributes, HTMLTableSetting); return new HtmlString(html); }

public static HtmlString ToHtmlTable(this IHtmlHelper htmlHelper, System.Data.DataTable datatable , object tableAttributes = null, object trAttributes = null, object tdAttributes = null , HtmlTableSetting HTMLTableSetting = null) { var html = datatable.ToHtmlTable(tableAttributes, trAttributes, tdAttributes, HTMLTableSetting); return new HtmlString(html); } }


razor.cshtml 
C# @Html.ToHtmlTable(new[] { new { Name = "ITWeiHan", Age = "25", Gender = "M" } }) /* Sonuç:
NameAgeGender
ITWeiHan25M
*/

ASP.NET MVC 5:   
Bir HtmlHelperExtension.cs oluşturun
C# using System.Collections.Generic; using HtmlTableHelper; using System.Web; using System.Web.Mvc;

public static class HtmlHelperExtension { public static HtmlString ToHtmlTable(this HtmlHelper htmlHelper, IEnumerable enums , object tableAttributes = null, object trAttributes = null, object tdAttributes = null , HtmlTableSetting HTMLTableSetting = null) {

        var html = enums.ToHtmlTable(tableAttributes, trAttributes, tdAttributes, HTMLTableSetting);
        return new HtmlString(html);
    }

public static HtmlString ToHtmlTable(this HtmlHelper htmlHelper, System.Data.DataTable datatable , object tableAttributes = null, object trAttributes = null, object tdAttributes = null , HtmlTableSetting HTMLTableSetting = null) { var html = datatable.ToHtmlTable(tableAttributes, trAttributes, tdAttributes, HTMLTableSetting); return new HtmlString(html); } }

Demo

ASP.NET MVC 5 JQuery DataTable Demo:
`C# using HtmlTableHelper; //.. public class HomeController : Controller { public ActionResult Index() { var datas = new[] { new { Name = "ITWeiHan", Age = "25",Gender = "M" } }; ViewBag.Table = datas.ToHtmlTable(); return View(); } }
C# @{ Layout = null; }

AspNetMvcDemo

@Html.Raw(ViewBag.Table)

ASP.NET Core Demo:

C# public class Startup { public void Configure(IApplicationBuilder app, IHostingEnvironment env) { app.Run(async (context) => { var sourceData = new[] { new { Name = "ITWeiHan", Age = "25",Gender = "M" } }; var tablehtml = sourceData.ToHtmlTable(); await context.Response.WriteAsync(tablehtml); }); } }

--- Tranlated By Open Ai Tx | Last indexed: 2025-06-30 ---