Generate a background template code for an HTML table
Last Update:2016-08-03
Source: Internet
Author: User
<span id="Label3"></p><p><p>sometimes, we need to mosaic in the background to generate the front-end HTML table, The general practice is a variety of string, StringBuilder splicing (example omitted ...) ), so if the table header is not able to do the code reuse, increase the redundancy of the code, below I share my approach, in order to achieve the results of your daniel.</p></p><p><p>First create a public configuration static class Commonconfiguration:</p></p><pre> <span style="color: #0000ff;"><span style="color: #0000ff;"></span> public</span> <span style="color: #0000ff;"><span style="color: #0000ff;">Static</span></span> <span style="color: #0000ff;"><span style="color: #0000ff;">class</span></span><span style="color: #000000;"><span style="color: #000000;">commonconfiguration {</span></span><span style="color: #0000ff;"><span style="color: #0000ff;"></span> public</span> <span style="color: #0000ff;"><span style="color: #0000ff;">Static</span></span> <span style="color: #0000ff;"><span style="color: #0000ff;">string</span></span>Width {<span style="color: #0000ff;"><span style="color: #0000ff;">Get</span></span>{<span style="color: #0000ff;"><span style="color: #0000ff;">return</span></span> <span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;">Width</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #000000;"><span style="color: #000000;">; } } </span></span><span style="color: #0000ff;"><span style="color: #0000ff;"></span> public</span> <span style="color: #0000ff;"><span style="color: #0000ff;">Static</span></span> <span style="color: #0000ff;"><span style="color: #0000ff;">string</span></span>Headername {<span style="color: #0000ff;"><span style="color: #0000ff;">Get</span></span>{<span style="color: #0000ff;"><span style="color: #0000ff;">return</span></span> <span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;">Headername</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #000000;"><span style="color: #000000;">; } } </span></span><span style="color: #808080;"><span style="color: #808080;">///</span></span> <span style="color: #808080;"><span style="color: #808080;"><summary></span></span> <span style="color: #808080;"><span style="color: #808080;">///</span></span><span style="color: #008000;"><span style="color: #008000;">Defining table Cells</span></span><span style="color: #808080;"><span style="color: #808080;">///</span></span> <span style="color: #808080;"><span style="color: #808080;"></summary></span></span> <span style="color: #0000ff;"><span style="color: #0000ff;"></span> public</span> <span style="color: #0000ff;"><span style="color: #0000ff;">Static</span></span> <span style="color: #0000ff;"><span style="color: #0000ff;">string</span></span>Tabletdbody {<span style="color: #0000ff;"><span style="color: #0000ff;">Get</span></span>{<span style="color: #0000ff;"><span style="color: #0000ff;">return</span></span> <span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;"><td>{0}</td></span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #000000;"><span style="color: #000000;">; } } }</span></span></pre><p><p>Then define a public helper class:</p></p><pre><span style="color: #0000ff;"><span style="color: #0000ff;"></span> public</span> <span style="color: #0000ff;"><span style="color: #0000ff;">class</span></span><span style="color: #000000;"><span style="color: #000000;">Commonhelper {</span></span><span style="color: #0000ff;"><span style="color: #0000ff;">Private</span></span> <span style="color: #0000ff;"><span style="color: #0000ff;">Const</span></span> <span style="color: #0000ff;"><span style="color: #0000ff;">string</span></span>FormatString =<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;"><table style=\ "{0}\" class=\ "{1}\" ></span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #000000;"><span style="color: #000000;">; </span></span><span style="color: #0000ff;"><span style="color: #0000ff;">Private</span></span> <span style="color: #0000ff;"><span style="color: #0000ff;">Const</span></span> <span style="color: #0000ff;"><span style="color: #0000ff;">string</span></span>Formattableheader =<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;"><th style=\ "width:{0}px;\" >{1}</th></span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span>;<span style="color: #008000;"><span style="color: #008000;">//</span></span><span style="color: #008000;">to <span style="color: #008000;">Define a table header string</span></span> <span style="color: #808080;"><span style="color: #808080;">///</span></span> <span style="color: #808080;"><span style="color: #808080;"><summary></span></span> <span style="color: #808080;"><span style="color: #808080;">///</span></span><span style="color: #008000;">to <span style="color: #008000;">generate a front-end table template</span></span><span style="color: #808080;"><span style="color: #808080;">///</span></span> <span style="color: #808080;"><span style="color: #808080;"></summary></span></span> <span style="color: #808080;"><span style="color: #808080;">///</span></span> <span style="color: #808080;"><span style="color: #808080;"><typeparam name= "T" ></span></span><span style="color: #008000;"><span style="color: #008000;">Table Header Entity</span></span><span style="color: #808080;"><span style="color: #808080;"></typeparam></span></span> <span style="color: #808080;"><span style="color: #808080;">///</span></span> <span style="color: #808080;"><span style="color: #808080;"><param name= "style" ></span></span><span style="color: #008000;"><span style="color: #008000;">style</span></span><span style="color: #808080;"><span style="color: #808080;"></param></span></span> <span style="color: #808080;"><span style="color: #808080;">///</span></span> <span style="color: #808080;"><span style="color: #808080;"><param name= "className" ></span></span><span style="color: #008000;"><span style="color: #008000;">class name</span></span><span style="color: #808080;"><span style="color: #808080;"></param></span></span> <span style="color: #808080;"><span style="color: #808080;">///</span></span> <span style="color: #808080;"><span style="color: #808080;"><param name= "bodystring" ></span></span><span style="color: #008000;"><span style="color: #008000;">Watch Body</span></span><span style="color: #808080;"><span style="color: #808080;"></param></span></span> <span style="color: #808080;"><span style="color: #808080;">///</span></span> <span style="color: #808080;"><span style="color: #808080;"><param name= "tableheader" ></span></span><span style="color: #008000;"><span style="color: #008000;">table header Entity Data</span></span><span style="color: #808080;"><span style="color: #808080;"></param></span></span> <span style="color: #808080;"><span style="color: #808080;">///</span></span> <span style="color: #808080;"><span style="color: #808080;"><returns></span></span><span style="color: #008000;"><span style="color: #008000;">Table Template</span></span><span style="color: #808080;"><span style="color: #808080;"></returns></span></span> <span style="color: #0000ff;"><span style="color: #0000ff;"></span> public</span> <span style="color: #0000ff;"><span style="color: #0000ff;">Static</span></span> <span style="color: #0000ff;"><span style="color: #0000ff;">string</span></span>Htmlresult<t> (<span style="color: #0000ff;"><span style="color: #0000ff;">string</span></span>Style<span style="color: #0000ff;"><span style="color: #0000ff;">string</span></span>className,<span style="color: #0000ff;"><span style="color: #0000ff;">string</span></span><span style="color: #000000;"><span style="color: #000000;">bodystring, List</span></span><T> Tableheader)<span style="color: #0000ff;"><span style="color: #0000ff;">where</span></span>T:<span style="color: #0000ff;"><span style="color: #0000ff;">class</span></span><span style="color: #000000;"><span style="color: #000000;"> { </span></span><span style="color: #0000ff;"><span style="color: #0000ff;">var</span></span>Builder =<span style="color: #0000ff;"><span style="color: #0000ff;">New</span></span><span style="color: #000000;"><span style="color: #000000;">StringBuilder (); Builder. AppendFormat (FormatString, style, className); Builder. Append (</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;"><tr></span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #000000;"><span style="color: #000000;">); </span></span><span style="color: #0000ff;"><span style="color: #0000ff;">foreach</span></span>(<span style="color: #0000ff;"><span style="color: #0000ff;">var</span></span>Item<span style="color: #0000ff;"><span style="color: #0000ff;">inch</span></span><span style="color: #000000;"><span style="color: #000000;">Tableheader) {builder. AppendFormat (formattableheader, getpropertyvalue (item, commonconfiguration.width), getpropertyvalue (ite m, commonconfiguration.headername)); } builder. Append (</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;"></tr></span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #000000;"><span style="color: #000000;">); Builder. Append (bodystring); Builder. Append (</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;"></table></span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #000000;"><span style="color: #000000;">); </span></span><span style="color: #0000ff;"><span style="color: #0000ff;">return</span></span><span style="color: #000000;"><span style="color: #000000;">Builder. ToString (); } </span></span><span style="color: #808080;"><span style="color: #808080;">///</span></span> <span style="color: #808080;"><span style="color: #808080;"><summary></span></span> <span style="color: #808080;"><span style="color: #808080;">///</span></span><span style="color: #008000;"><span style="color: #008000;">to get a value from a property name</span></span><span style="color: #808080;"><span style="color: #808080;">///</span></span> <span style="color: #808080;"><span style="color: #808080;"></summary></span></span> <span style="color: #808080;"><span style="color: #808080;">///</span></span> <span style="color: #808080;"><span style="color: #808080;"><param name= "entity" ></span></span><span style="color: #008000;"><span style="color: #008000;">Generic Entities</span></span><span style="color: #808080;"><span style="color: #808080;"></param></span></span> <span style="color: #808080;"><span style="color: #808080;">///</span></span> <span style="color: #808080;"><span style="color: #808080;"><param name= "propertyname" ></span></span><span style="color: #008000;"><span style="color: #008000;">Property name</span></span><span style="color: #808080;"><span style="color: #808080;"></param></span></span> <span style="color: #808080;"><span style="color: #808080;">///</span></span> <span style="color: #808080;"><span style="color: #808080;"><returns></span></span><span style="color: #008000;"><span style="color: #008000;">corresponding attribute value</span></span><span style="color: #808080;"><span style="color: #808080;"></returns></span></span> <span style="color: #0000ff;"><span style="color: #0000ff;"></span> public</span> <span style="color: #0000ff;"><span style="color: #0000ff;">Static</span></span> <span style="color: #0000ff;"><span style="color: #0000ff;">string</span></span>Getpropertyvalue<t> (T entity,<span style="color: #0000ff;"><span style="color: #0000ff;">string</span></span>Propertyname)<span style="color: #0000ff;"><span style="color: #0000ff;">where</span></span>T:<span style="color: #0000ff;"><span style="color: #0000ff;">class</span></span><span style="color: #000000;"><span style="color: #000000;"> { </span></span><span style="color: #0000ff;"><span style="color: #0000ff;">var</span></span>Type =<span style="color: #000000;"><span style="color: #000000;">Entity. GetType (); </span></span><span style="color: #0000ff;"><span style="color: #0000ff;">var</span></span>PropertyInfo =<span style="color: #000000;"><span style="color: #000000;">Type. GetProperty (propertyname); </span></span><span style="color: #0000ff;"><span style="color: #0000ff;">var</span></span>Value = (<span style="color: #0000ff;"><span style="color: #0000ff;">string</span></span><span style="color: #000000;"><span style="color: #000000;">) Propertyinfo.getvalue (entity); </span></span><span style="color: #0000ff;"><span style="color: #0000ff;">return</span></span><span style="color: #000000;"><span style="color: #000000;">value; } } </span></span><span style="color: #0000ff;"><span style="color: #0000ff;"></span> public</span> <span style="color: #0000ff;"><span style="color: #0000ff;">class</span></span><span style="color: #000000;"><span style="color: #000000;">TableHeader {</span></span><span style="color: #808080;"><span style="color: #808080;">///</span></span> <span style="color: #808080;"><span style="color: #808080;"><summary></span></span> <span style="color: #808080;"><span style="color: #808080;">///</span></span><span style="color: #008000;"><span style="color: #008000;">Table Header Width</span></span><span style="color: #808080;"><span style="color: #808080;">///</span></span> <span style="color: #808080;"><span style="color: #808080;"></summary></span></span> <span style="color: #0000ff;"><span style="color: #0000ff;"></span> public</span> <span style="color: #0000ff;"><span style="color: #0000ff;">string</span></span>Width {<span style="color: #0000ff;"><span style="color: #0000ff;">Get</span></span>;<span style="color: #0000ff;"><span style="color: #0000ff;">Set</span></span><span style="color: #000000;"><span style="color: #000000;">; } </span></span><span style="color: #808080;"><span style="color: #808080;">///</span></span> <span style="color: #808080;"><span style="color: #808080;"><summary></span></span> <span style="color: #808080;"><span style="color: #808080;">///</span></span><span style="color: #008000;"><span style="color: #008000;">Table Header</span></span><span style="color: #808080;"><span style="color: #808080;">///</span></span> <span style="color: #808080;"><span style="color: #808080;"></summary></span></span> <span style="color: #0000ff;"><span style="color: #0000ff;"></span> public</span> <span style="color: #0000ff;"><span style="color: #0000ff;">string</span></span>Headername {<span style="color: #0000ff;"><span style="color: #0000ff;">Get</span></span>;<span style="color: #0000ff;"><span style="color: #0000ff;">Set</span></span><span style="color: #000000;"><span style="color: #000000;">; } }</span></span></pre><p><p>Class TableHeader can define their favorite location, I am defined here for convenience, the code is very clear, I believe it is easy to read.</p></p><p><p>finally, Create a new controller HomeController to invoke the code to generate the HTML table:</p></p><pre><span style="color: #0000ff;"><span style="color: #0000ff;"></span> public</span><span style="color: #000000;"><span style="color: #000000;">ActionResult Index () {</span></span><span style="color: #0000ff;"><span style="color: #0000ff;">string</span></span>Tablebody =<span style="color: #000000;"><span style="color: #000000;">commonconfiguration.tabletdbody; StringBuilder SB</span></span>=<span style="color: #0000ff;"><span style="color: #0000ff;">New</span></span><span style="color: #000000;"><span style="color: #000000;">StringBuilder (); </span></span><span style="color: #0000ff;"><span style="color: #0000ff;">var</span></span>Tablelist =<span style="color: #0000ff;"><span style="color: #0000ff;">New</span></span>List<tableheader><span style="color: #000000;"><span style="color: #000000;"> { </span></span><span style="color: #0000ff;"><span style="color: #0000ff;">New</span></span>TableHeader {Width =<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;">Ten</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span>, Headername =<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;">Id</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #000000;"><span style="color: #000000;"> }, </span></span><span style="color: #0000ff;"><span style="color: #0000ff;">New</span></span>TableHeader {Width =<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;"></span> -</span><span style="color: #800000;"><span style="color: #800000;">"</span></span>, Headername =<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;">Customerguid</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #000000;"><span style="color: #000000;"> }, </span></span><span style="color: #0000ff;"><span style="color: #0000ff;">New</span></span>TableHeader {Width =<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;"></span> -</span><span style="color: #800000;"><span style="color: #800000;">"</span></span>, Headername =<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;">Username</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #000000;"><span style="color: #000000;"> }, </span></span><span style="color: #0000ff;"><span style="color: #0000ff;">New</span></span>TableHeader {Width =<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;"></span> +</span><span style="color: #800000;"><span style="color: #800000;">"</span></span>, Headername =<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;">Email</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #000000;"><span style="color: #000000;"> }, </span></span><span style="color: #0000ff;"><span style="color: #0000ff;">New</span></span>TableHeader {Width =<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;"></span> -</span><span style="color: #800000;"><span style="color: #800000;">"</span></span>, Headername =<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;">Password</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #000000;"><span style="color: #000000;"> }, </span></span><span style="color: #0000ff;"><span style="color: #0000ff;">New</span></span>TableHeader {Width =<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;"></span> -</span><span style="color: #800000;"><span style="color: #800000;">"</span></span>, Headername =<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;">PasswordSalt</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #000000;"><span style="color: #000000;"> }, </span></span><span style="color: #0000ff;"><span style="color: #0000ff;">New</span></span>TableHeader {Width =<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;"></span> -</span><span style="color: #800000;"><span style="color: #800000;">"</span></span>, Headername =<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;">Active</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #000000;"><span style="color: #000000;"> }, </span></span><span style="color: #0000ff;"><span style="color: #0000ff;">New</span></span>TableHeader {Width =<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;"></span> the</span><span style="color: #800000;"><span style="color: #800000;">"</span></span>, Headername =<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;">Deleted</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #000000;"><span style="color: #000000;"> }, </span></span><span style="color: #0000ff;"><span style="color: #0000ff;">New</span></span>TableHeader {Width =<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;"></span> -</span><span style="color: #800000;"><span style="color: #800000;">"</span></span>, Headername =<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;">lastipaddress</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #000000;"><span style="color: #000000;"> }, </span></span><span style="color: #0000ff;"><span style="color: #0000ff;">New</span></span>TableHeader {Width =<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;"></span> -</span><span style="color: #800000;"><span style="color: #800000;">"</span></span>, Headername =<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;">CreatedOn</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #000000;"><span style="color: #000000;"> }, }; </span></span><span style="color: #0000ff;"><span style="color: #0000ff;">var</span></span>Customers =<span style="color: #000000;"><span style="color: #000000;">_customerservice.getcustomers (). ToArray (); Customers. ForEach (c</span></span>=<span style="color: #000000;"><span style="color: #000000;">{sb. AppendFormat (</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;"><tr class=\ "{0}\" ></span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span>, c.active?<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;">Success</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span>:<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;">Warning</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #000000;"><span style="color: #000000;">); Sb. AppendFormat (tablebody, c.id); Sb. AppendFormat (tablebody, c.customerguid); Sb. AppendFormat (tablebody, c.username); Sb. AppendFormat (tablebody, c.email); Sb. AppendFormat (tablebody, c.password); Sb. AppendFormat (tablebody, c.passwordsalt); Sb. AppendFormat (tablebody, c.active); Sb. AppendFormat (tablebody, c.deleted); Sb. AppendFormat (tablebody, c.lastipaddress); Sb. AppendFormat (tablebody, c.createdon.tostring (</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;">YYYY-MM-DD</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #000000;"><span style="color: #000000;">)); Sb. Append (</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;"></tr></span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #000000;"><span style="color: #000000;">); }); </span></span><span style="color: #0000ff;"><span style="color: #0000ff;">var</span></span>Htmlresult = Commonhelper.htmlresult (<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;">border-color:solid 1px #008000</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span>,<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;">Table table-striped</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #000000;"><span style="color: #000000;">, Sb. ToString (), tablelist); Viewbag.result</span></span>=<span style="color: #000000;"><span style="color: #000000;">mvchtmlstring.create (htmlresult); </span></span><span style="color: #0000ff;"><span style="color: #0000ff;">return</span></span><span style="color: #000000;"><span style="color: #000000;">View (); }</span></span></pre><p><p>View Page:</p></p><pre><pre><span style="color: #000000;">@{ </span><span style="color: #800000;">"</span><span style="color: #800000;">Index</span><span style="color: #800000;">"</span><span style="color: #000000;">;}</span> <span style="color: #0000ff;">class</span>=<span style="color: #800000;">"</span><span style="color: #800000;">container</span><span style="color: #800000;">"</span>><span style="color: #000000;"> @ViewBag. Result</span></div></pre></pre><p><p>finally, look at the resulting HTML formatting effects:</p></p><p><p></p></p><p><p></p></p><pre><table style=<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;">border-color:solid 1px #008000</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span> <span style="color: #0000ff;"><span style="color: #0000ff;">class</span></span>=<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;">Table table-striped</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span>> <tbody> <tr> <th style=<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;">width:10px;</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span>>Id</th> <th style=<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;">width:20px;</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span>>CustomerGuid</th> <th style=<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;">width:30px;</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span>>Username</th> <th style=<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;">width:40px;</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span>>Email</th> <th style=<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;">width:50px;</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span>>Password</th> <th style=<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;">width:60px;</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span>>PasswordSalt</th> <th style=<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;">width:70px;</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span>>Active</th> <th style=<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;">width:80px;</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span>>Deleted</th> <th style=<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;">width:90px;</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span>>LastIpAddress</th> <th style=<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;">width:100px;</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span>>CreatedOn</th> </tr> <tr<span style="color: #0000ff;"><span style="color: #0000ff;">class</span></span>=<span style="color: #800000;"><span style="color: #800000;">"</span></span><span style="color: #800000;"><span style="color: #800000;">Success</span></span><span style="color: #800000;"><span style="color: #800000;">"</span></span>> <td><span style="color: #800080;"><span style="color: #800080;">1</span></span></td> <td>bee62ba2-9d53-495f-80d4-af4fe6ddaa16</td> <td>Allen</td> <td><span style="color: #800080;"><span style="color: #800080;">875755898</span></span>@qq .com</td> <td>0D59DB9C0211A16786F5EFD6B5809B6984B2AF96</td> <td>TW0lAH4=</td> <td>True</td> <td>False</td> <td><span style="color: #800080;"><span style="color: #800080;">127.0</span></span>.<span style="color: #800080;"><span style="color: #800080;">0.1</span></span></td> <td><span style="color: #800080;"><span style="color: #800080;"></span> .</span>-<span style="color: #800080;"><span style="color: #800080;"></span> .</span>-<span style="color: #800080;"><span style="color: #800080;"></span> -</span></td> </tr> </tbody> </table></pre><p><p>Here I use bootstrap as a table style, you can customize the class.</p></p><p><p></p></p><p><p>--fish Head Tail</p></p><p><p>--qq:875755898</p></p><p><p>Generate a background template code for an HTML table</p></p></span>
