Click here to Skip to main content
Click here to Skip to main content
Articles » Multimedia » GDI+ » Applications » Downloads
 
Add your own
alternative version

A Professional HTML Renderer You Will Use

, 29 Jan 2009
100% managed code that draws HTML on any device
HtmlDemo.002.zip
HtmlDemo.zip
System.Drawing.Html.002.zip
System.Drawing.Html
Html Demo
bin
Debug
Html Demo.exe
Html Demo.vshost.exe
HtmlDemo.zip
System.Drawing.Html.dll
Html Demo.csproj.user
Properties
Settings.settings
Resources
comment16.gif
delete16.gif
delete32.gif
exclamation32.png
favorites32.png
font32.png
formula32.png
image32.png
method16.gif
paly32.png
property16.gif
property32.png
refreshdocument32.png
web_pallete.gif
Window.gif
Samples
System.Drawing.Html.suo
System.Drawing.Html
bin
Debug
System.Drawing.Html.dll
System.Drawing.Html.vshost.exe
Properties
Settings.settings
System.Drawing.Html.zip
Html Demo.exe
Html Demo.vshost.exe
System.Drawing.Html.dll
Html Demo.csproj.user
Settings.settings
comment16.gif
delete16.gif
delete32.gif
exclamation32.png
favorites32.png
font32.png
formula32.png
image32.png
method16.gif
paly32.png
property16.gif
property32.png
refreshdocument32.png
web_pallete.gif
Window.gif
System.Drawing.Html.suo
System.Drawing.Html.dll
System.Drawing.Html.vshost.exe
Settings.settings
<html>
	<head>
		<title>Tables</title>
		<link rel="Stylesheet" href="property:Html_Demo.Bridge.StyleSheet" />
	</head>
	<body>
	    <h1>Tables</h1>
	    <blockquote>
	    <ul>
	    <li>There is fair enough support for tables. Performance is poor on long tables.</li>
	    <li>Next release may contain support for THEAD and TFOOT elements when printing.</li>
	    <li>Table <i>captions</i> are not yet supported.</li>
	    <li><i>align</i> attribute of <i>TABLE</i> tag is not yet supported.</li>
	    </ul>
	    
	    <h2>Examples</h2>
	    
	    <div class=caption>Regular table:</div>
	    <table>
	        <tr>
	            <td>Cell One</td> <td>Cell Two</td> <td>Cell Three</td>
	        </tr>
	        <tr>
	            <td>Cell Four</td> <td>Cell Five</td> <td>Cell Six</td>
	        </tr>
	        <tr>
	            <td>Cell Seven</td> <td>Cell Eight</td> <td>Cell Nine</td>
	        </tr>
	    </table>
	    <p></p>
	    
	    
	    <div class=caption>Table with colspans:</div>
	    <table>
	        <tr>
	            <td colspan=2>Cell One</td> <td>Cell Two</td>
	        </tr>
	        <tr>
	            <td>Cell Four</td> <td>Cell Five</td> <td>Cell Six</td>
	        </tr>
	        <tr>
	            <td>Cell Seven</td> <td colspan=2>Cell Eight</td>
	        </tr>
	    </table>
	    <p></p>
	    
	    <div class=caption>Table with rowspans:</div>
	    <table>
	        <tr>
	            <td rowspan=2>Cell One</td> <td>Cell Two</td> <td>Cell Three</td>
	        </tr>
	        <tr>
	            <td>Cell Five</td> <td rowspan=2>Cell Six</td>
	        </tr>
	        <tr>
	            <td>Cell Seven</td> <td>Cell Eight</td>
	        </tr>
	    </table>
	    <p></p>
	   
	   <div class=caption>Mixed spans:</div>
	    <table>
	        <tr>
	            <td rowspan=2>Cell One</td> <td colspan=2>Cell Two</td>
	        </tr>
	        <tr>
	            <td>Cell Five</td> <td rowspan=2>Cell Six</td>
	        </tr>
	        <tr>
	            <td colspan=2>Cell Seven</td>
	        </tr>
	    </table>
	    <p></p>
	    
	    <div class=caption>Table on table:</div>
	    <table width="50%">
	        <tr>
	            <td rowspan=2>Cell One</td> <td colspan=2>Cell Two</td>
	        </tr>
	        <tr>
	            <td>Cell Five</td> <td rowspan=2>Cell Six</td>
	        </tr>
	        <tr>
	            <td colspan=2>
	            <table width="100%">
	                <tr>
	                    <td rowspan=2>Cell One</td> <td colspan=2>Cell Two</td>
	                </tr>
	                <tr>
	                    <td>Cell Five</td> <td rowspan=2>Cell Six</td>
	                </tr>
	                <tr>
	                    <td colspan=2>Cell Seven</td>
	                </tr>
	            </table>
	            </td>
	        </tr>
	    </table>
	    <p></p>
	    
	    <div class=caption>Thick border and spacing:</div>
	    <table border=10 cellspacing=10>
	        <tr>
	            <td rowspan=2>Cell One</td> <td colspan=2>Cell Two</td>
	        </tr>
	        <tr>
	            <td>Cell Five</td> <td rowspan=2>Cell Six</td>
	        </tr>
	        <tr>
	            <td colspan=2>Cell Seven</td>
	        </tr>
	    </table>
	    <p></p>
	    <table border=10 cellspacing=0>
	        <tr>
	            <td rowspan=2>Cell One</td> <td colspan=2>Cell Two</td>
	        </tr>
	        <tr>
	            <td>Cell Five</td> <td rowspan=2>Cell Six</td>
	        </tr>
	        <tr>
	            <td colspan=2>Cell Seven</td>
	        </tr>
	    </table>
	    <p></p>
	    
	    </blockquote>
	</body>
</html>

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The BSD License

About the Author

Jose Menendez Póo
Team Leader
Mexico Mexico
I'm in game programming now: https://itunes.apple.com/us/app/ugly-aliens-training-center/id859271884?ls=1&mt=8
 
Jose Manuel Menéndez Poó
 
- I've been programming Windows and Web apps since 1997.
- My greatest concern nowadays is user interface usability.
 
Questions and stuff by twitter: @menendezpoo
 
Blog
menendezpoo.com

| Advertise | Privacy | Mobile
Web03 | 2.8.140721.1 | Last Updated 30 Jan 2009
Article Copyright 2009 by Jose Menendez Póo
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid