Menu ▾ ▴

[r3]: / trunk / Convert2HTMLHelp / CSV2Table.html  Maximize  Restore  History

Download this file

48 lines (48 with data), 1.6 kB 

 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
45
46
47
48
<!doctype html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>CSV like text to HTML</title>

  <meta name="description" content="CSV like text to HTML">

  <meta name="author" content="Viktar Karpach">

  <link rel="stylesheet" href="styles.css">

  <!--[if lt IE 9]>

  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

  <![endif]-->

</head>

<body>

  <h1>CSV like text to HTML</h1>

  <p>This command converts comma or tab separated text to html table. For example:</p>

  <br/>

<pre>

OrderId,Product Count,Total

101,2,$15.95

102,1,$5.95

103,18,$17.05

</pre>

<br/>

<p>Becomes:</p>

<br/>

<pre>

&lt;table class=&quot;orderDetails&quot;&gt;

 &lt;tr&gt;&lt;th&gt;OrderId&lt;/th&gt;&lt;th&gt;Product Count&lt;/th&gt;&lt;th&gt;Total&lt;/th&gt;&lt;/tr&gt;

 &lt;tr&gt;&lt;td&gt;101&lt;/td&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;$15.95&lt;/td&gt;&lt;/tr&gt;

 &lt;tr&gt;&lt;td&gt;102&lt;/td&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;$5.95&lt;/td&gt;&lt;/tr&gt;

 &lt;tr&gt;&lt;td&gt;103&lt;/td&gt;&lt;td&gt;18&lt;/td&gt;&lt;td&gt;$17.05&lt;/td&gt;&lt;/tr&gt;

&lt;/table&gt;

</pre>

  <br/>

  <p>And here is how it would look like in any browser:</p>

  <br/>

<table class="orderDetails">

 <tr><th>OrderId</th><th>Product Count</th><th>Total</th></tr>

 <tr><td>101</td><td>2</td><td>$15.95</td></tr>

 <tr><td>102</td><td>1</td><td>$5.95</td></tr>

 <tr><td>103</td><td>18</td><td>$17.05</td></tr>

</table>  

  <br/>

  <p>Below are options used for above conversions. All options are self explanatory.</p>

  <br/>

  <img src="screen2.png" alt="Code to HTML"/>

</body>

</html>